使用css实现阴影效果

不言

Lepaskan： 2018-06-12 14:44:48

asal

1765 orang telah melayarinya

这篇文章主要介绍了关于使用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>

Salin selepas log masuk

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何使用CSS清除浮动的方法

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

Atas ialah kandungan terperinci 使用css实现阴影效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

bayangan css

sumber：php.cn

Artikel sebelumnya：在CSS3中常用的几种颜色渐变模式 Artikel seterusnya：利用CSS实现各种居中的方法

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang