首页 > 代码库 > box-shadow学习笔记
box-shadow学习笔记
CSS3 box-shadow属性的简单学习笔记
语法格式:
box-shadow: h-shadow v-shadow blur spread color inset;
值 | 描述 |
h-shadow | 必需。水平阴影的位置。允许负值。 |
v-shadow | 必需。垂直阴影的位置,允许负值。 |
blur | 可选。模糊距离。 |
spread | 可选。阴影的尺寸。 |
color | 可选。阴影的颜色。 |
inset |
可选。将外部阴影(outset)改为内部阴影。 |
每个属性值的详细介绍:
1. h-shadow: 必需。水平阴影的位置。设置正值是向右偏移,设置负值是向左偏移。
2.v-shadow: 必需。垂直阴影的位置。设置正值是向下偏移,设置负值是向上偏移。
3.blur: 可选。
4.spread: 可选。
5.color:可选。支持单词格式(black、red、pink)、rgba格式和十六进制格式(#f00)的颜色。
6.inset:可选。默认为外部阴影,设置inset之后变为内部阴影。
box-shadow属性浏览器兼容性:
查询前端web属性的兼容性,点我。
其他的以后再补充吧。
box-shadow学习笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。