如何使用CSS3 :checked 选择器

1、代码应用实例。选择的元素背景色改变了。input:checked{ background-color: #ff0000; }

2、CSS3 :checked 这个代码效果只有opera 一个浏览器支持！

3、CSS border-top-style 属性，我们给表单做一个虚线的上边框样式。form { border-style:solid; border-top-style:dotted; }

4、CSS border-width 属性，我们把表单的四个边框定义为 20PXform { border-style:solid; border-width:20px; }

5、CSS3 border-bottom-r坡纠课柩ight-radius 属性，我们把表单下边框定义为一个 4em的圆角。form{border:2px solid;border-bottom-right-radius:4em;}

6、CSS3 border-top-left颍骈城茇-radius 属性，我们改变一下元素的左上角的圆角4em。form{border:2px solid;border-top-left-radius多唉捋胝:4em;}