使用css实现阴影效果

这篇文章主要介绍了关于使用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清除浮动的方法

css中border属性之制作网页虚线

以上是使用css实现阴影效果的详细内容。更多信息请关注PHP中文网其他相关文章！