CSS3第二天

时间：2018-01-24 12:36:14 阅读：183 评论：0 收藏：0 [点我收藏+]

三、文本
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 - padding
2、box-sizing: content-box 计算方式为content = width
box-shadow属性
取值：水平偏移量、垂直偏移量、模糊度、外延值、color、inset（内阴影）
box-reflect盒子倒影属性:可以对盒子模型进行倒影设置。
值： direction（above、below、left、right）、offset（图片与倒影间隔）、mask-box-image(url)

CSS3第二天

标签：取值参数 add set 两种 radius 模型颜色间隔

原文地址：http://blog.51cto.com/13517854/2064522

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行