CSS盒子边框及其阴影

1、圆角边框

在CSS3中新增，将盒子修饰为圆角的。

	border-radius：length（10px）；// length为圆的半径

• length越大，盒子的弧度越圆

• 如果为正方形，想设置为圆形，则半径设置为正方形盒子高度的一半或者50%px。

• 如果是矩形，想设置圆角矩形，则将半径设置为高度的一半

• 该属性是一个简写属性，可以设置4个值：左上角，右上角，右下角，左下角。

• 写2个属性则对角线的属性是一致的。

2、盒子阴影

box-shadow属性设置盒子的阴影。

box-shadow:水平位置 垂直位置 模糊程度 阴影大小尺寸 阴影颜色 内外阴影;

• 默认为外阴影，但是不可以写，否则导致阴影失效

• 盒子阴影不占用空间，不会影响其他盒子

3、文字阴影

text-shadow属性设置文字阴影。

text-shadow:h-shadow v-shadow;