CSS学习15-盒子阴影
2021-05-28 09:00
阅读：513
YPE html>
标签：无效 :hover scale 距离 back pread 其他 com round
盒子阴影
CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。
语法：
box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset]
| 值 | 描述 |
|---|---|
| h-shadow | 必需。水平阴影的位置。正数向右偏移，负数向左偏移。 |
| v-shadow | 必需。垂直阴影的位置。正数向下偏移，负数向上偏移。 |
| blur | 可选。阴影模糊距离，不能取负数。 |
| spread | 可选。阴影大小 |
| color | 可选。阴影的颜色 |
| inset | 可选。表示添加内阴影，默认为外阴影 |
注意：
1. 默认的是外阴影(outset)，但是不可以写这个单词，否则导致阴影无效
2. 盒子阴影不占用空间，不会影响其他盒子排列。
示例代码
盒子阴影
运行结果
CSS学习15-盒子阴影
标签：无效 :hover scale 距离 back pread 其他 com round
原文地址：https://www.cnblogs.com/brianxq/p/14780443.html
上一篇：Java原子操作保证方案
评论
亲，登录后才可以留言！