随着CSS3的到来,越来越多的效果可以用css来实现,且实现起来也十分的方便。单纯的一个边框看起来呆板,千篇一律,没有美观可言,有了css3,那么你可以下面的一句代码就可以使有边框的块级元素显示阴影的效果。当然配上圆角的话,就更完美了,如果你想知道怎么实现圆角矩形,那么请移步《正确用PS绘制圆角矩形》。

边框的阴影效果,本站的 首页的分类或内页的引用等等均使用了box-shadow阴影效果。

代码如下:

div{box-shadow:1px 2px 4px #a8a8a8;}

Note:只有那些支持css3 box-shadow属性的浏览器可才有效果。

 

Last modification:April 11th, 2020 at 09:18 pm
如果觉得我的文章对你有用,请随意赞赏