1.圆角(border-radius:):
当一个值时,即四个角均为该值;当两个值时,第一个值对应左上角与右下角,第二个值对应左下角与右 上角;当三个值时,第一个值对应左上角,第二个值对应左下角与右上角,第三个值对应右下角;四个值时,从左上角开始顺时针旋转相对应数值。
2.椭圆与圆:
椭圆时设置长宽比为一比一,border-radius值为50%;圆的border-radius值同样为50%,但是长宽得相 同。
3.文本阴影(text-shadow:10px 5px 15px red):
第一个数值对应的是水平方向(x轴)的偏移量,第二个数值对应的是垂直方向(y轴)的偏移量,第三 个数值是文字模糊程度,数值越大,文字阴影越模糊;同时,文本阴影支持多个阴影,每组值之间用逗号区 分,如:text-shadow:10px 5px 15px red,5px 15px 5px green;
4.盒子阴影(box-shadow:10px 5px 15px red inset):
第一个数值对应的是水平方向(x轴)的偏移量,第二个数值对应的是垂直方向(y轴)的偏移量,第三 个数值是文字模糊程度,数值越大,文字阴影越模糊;同时,文本阴影支持多个阴影,每组值之间用逗号区 分,如:text-shadow:10px 5px 15px red,5px 15px 5px green;与文本阴影语法大致相同,最后一个属性是将盒子外阴影转换为内阴影,默认是外阴影。