使用css实现阴影效果
- 不言原创
- 2018-06-12 14:44:481728浏览
这篇文章主要介绍了关于使用css实现阴影效果，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
实现css阴影效果
.tesr{
width: 96%;
margin-left: 2%;
padding-top: 5%;
margin-top: 5%;
box-shadow: -2px 0 0 #1aad19, //左阴影
0 -2px 0 #3d4145,//上
0 2px 0 #5340e6, //下
2px 0 0 #f43530;//右
height: 200px;
margin-bottom: 10%;
}
<p class="tesr"> </p>
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
以上是使用css实现阴影效果的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：在CSS3中常用的几种颜色渐变模式下一篇：利用CSS实现各种居中的方法