当前位置:爱推吧 » Div+CSS » 用box-shadow实现框的阴影效果

用box-shadow实现框的阴影效果

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

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

代码如下:

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

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

 

3 个吐槽 on “用box-shadow实现框的阴影效果”

发表评论

电子邮件地址不会被公开。 必填项已用*标注