本文共 805 字,大约阅读时间需要 2 分钟。
三、文本
text-shadow,可分别设置偏移量、模糊度、颜色(可设透明度)。参1:水平偏移量 正值向右 负值向左;参2:垂直偏移量 正值向下 负值向上;参3:模糊度(模糊半径)是不能为负值;参4:颜色四、边框边框圆角:border-radius:0 0 0 0 / 0 0 0 0; 前四个是x轴圆角半径,后面四个是Y轴圆角半径边框阴影:border-shadow参1、水平偏移量 右正左负;参2、垂直偏移量 下正上负;参3、模糊半径是不能为负值;参4、颜色参5、inset可以设置内阴影;边框图片:border-image参1:source:图片路径参2:slice:切割,包含4参数(a,b,c,d)按照上右下左顺序参3:repeat是否平铺 包含三个值:stretch拉伸(默认值)、repeat重复、round平铺参4:width宽度参5:偏移位置五、盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: border-box 计算方式为content = width – border - padding2、box-sizing: content-box 计算方式为content = widthbox-shadow属性取值:水平偏移量、垂直偏移量、模糊度、外延值、color、inset(内阴影)box-reflect盒子倒影属性:可以对盒子模型进行倒影设置。值: direction(above、below、left、right)、offset(图片与倒影间隔)、mask-box-image(url)转载于:https://blog.51cto.com/13517854/2064522