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;