当前第2页 返回上一页
box-shadow：inset 即box-shadow内部阴影，与上面写法相同 唯一不同的是添加了一个inset
1 | box-shadow:0 0 15px #f00 inset;
|
举例 4
设置正方形的四边颜色都不一样，但是阴影模糊半径都为10px
1 2 3 4 5 6 7 | box-shadow:-10px 0px 10px red,
0px -10px 10px black,
10px 0px 10px green,
0px 10px 10px blue;" >
|
（学习视频分享：css视频教程）
以上就是css如何设置边框阴影的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
如何在css中实现并排生成多行的dt和dd
css background为什么不显示
8个值得了解的css性能优化小技巧
css什么时候用class和id
css是层叠什么表，可以使网页表现和内容分离？
css如何设置对齐
css如何修改滚动条箭头样式
如何使用css来控制页面
css如何设置背景图片灰度
分享使用css实现酷炫充电动画效果的小技巧
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css如何设置边框阴影
