一个box四周边框阴影

Posted 我的故事没编好

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个box四周边框阴影相关的知识,希望对你有一定的参考价值。

 

实现效果如图:

 

代码如下:

1 .section {
2     margin: 20upx 30upx;
3     padding: 40upx;
4     border-radius: 6px;
5     border-top: #0670C4 solid 6px;
6     /* 主要是下面两行 */
7     background-color: #FFFFFF;
8     box-shadow: #808080 0px 0px 10px;
9 }

 

以上是关于一个box四周边框阴影的主要内容,如果未能解决你的问题,请参考以下文章

winform 如何实现边框的阴影效果,就像360那种的,四周都有阴影。

阴影:box_shadow

边框阴影 模糊值 x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 insect,其中阴影半径可以为负值,意思是增加或减少指定数值的阴影半径

hbuilder那个属性可以为div元素添加阴影边框

转 无边框四周阴影

CSS3四周阴影效果怎么做?