订阅CSS 如何实现让div的四个边框都有阴影的效果
来源：网络收集 点击： 时间：2024-09-22【导读】：
CSS 实现让div的四个边框都有阴影的效果：
首先：
HTML代码
h1CSS 如何实现让div的四个边框都有阴影的效果？/h1
div class=g1
div class=g2/div
/div
CSS代码body{background:#f00;}
html{background:#f00;}/*html加背景色*/
.g1{
width:500px;
height:500px;
border:2px solid #fff;
margin:30px auto;
background-color:#fff;
box-sizing:border-box;
}
.g2{
width:400px;
height:400px;
margin:50px auto;
border:2px solid #000;
box-shadow:5px 5px 5px #000,5px -5px 5px #000,-5px 5px 5px #000,-5px -5px 5px #000;
}
具体效果：
版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.ff371.cn/art_1212514.html
