CSS伪类对象before和after的用法实例详解CSS中:before和:after伪元素使用的奇技淫巧CSS中灵活使用:before和:afterCSS中的before和:after伪元素使用详解使用before和:after伪类制作css3圆形按钮CSS伪元素 :before, :after, box-shadow应用那些你所不知的CSS ::before 和::after 伪元素用法

下面我们来 看看css3的配合着它的应用是哪样的？

虽说比较抽象，我不说你们应该不知道是个玻璃瓶的盖子吧 瓶身部分的代码量太多了就不帖了。

所以before和after运用的好可以节省html标签，并且配合css3做出很好的效果，当然做着玩的，不是太实用。

二、下面顺带说些css3的属性吧，(border-radius&box-shadow)我也只是正在慢慢摸索中···········

border-radius开始啦！！

1、border-radius：none | {1,4} [ / {1,4} ]?

相关属性：border-top-right-radius border-bottom-right-radius border-bottom-left-radius border-top-left-radius,其实border-radius就是他们四个属性的简写。

取值：由浮点数字和单位标识符组成的长度值，不可能负值。

看这幅图说明，不然容易晕。

说明：

1、第一个值即x是指水平半径。

2、如果第二个省略即y，则他等于第一个值，这时这个角就是一个四分之一的圆角。

3、如果任意一个值为0，则这个角为矩形，不会为圆形。

4、值不允许是负值。

当border-radius：{1,4} [ / {1,4} ]?时

1、如果斜线前后的值都存在，那么斜线前的值设置为水平半径（x),斜线后的值设置为垂直半径(y)，如果没有斜线则水平半径和垂直半径相等，

也就相当于四分之一个圆。如：border-radius:46px/10px;四个角的半径大小都为46px/10px。

2、四个值的顺序是按照top-left,top-right,bottom-right,bottom-left(反正是顺时针啊？逆时针啊？)如果bottom-left省略它就等于top-right，

如果bottom-right省略它就等于top-left，如果top-right省略它就等于top-left（有点对角的关系）

3、应用范围：应用所有元素，除了table的样式属性是boder-collapse为collapse。

我们看看常见的写法有哪些？以及对应的解释是什么？