CSS边框阴影、四周阴影讲解

先上一个代码

CSS边框阴影、四周阴影讲解_第1张图片通俗讲解吧,分5个参数
1.控制水平位置阴影,+为右边,0为中间(即两边都有)
2.控制垂直方向阴影,+为下边,0为中间(即两边都有)
3.模糊处的宽度
4.阴影尺寸 (3和4实际效果比较难区分,自己调一下即可)
5.阴影颜色

·
·
·

其实有6个参数,以下是官方文档
h-shadow 	必需。水平阴影的位置。允许负值。 	测试
v-shadow 	必需。垂直阴影的位置。允许负值。 	测试
blur 	可选。模糊距离。 	测试
spread 	可选。阴影的尺寸。 	测试
color 	可选。阴影的颜色。请参阅 CSS 颜色值。 	测试
inset 	可选。将外部阴影 (outset) 改为内部阴影。

·

//本人亲调,十分顺眼 哈哈
box-shadow: 0 0 5px 1px #999    

CSS边框阴影、四周阴影讲解_第2张图片
·

0.1元,若文章对你有帮助,仅此谢谢各位未来的大佬

你可能感兴趣的:(布局/ui,css,html)