您的当前位置:首页正文

使用css实现阴影效果

2020-11-27 来源:汇智旅游网
这篇文章主要介绍了关于使用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>

显示全文