css3中提供了强大的效果,有的甚至都可以用来实现js才能实现的效果。

下面介绍下css中box-shadow属性。

box-shadow 属性向框添加一个或多个阴影。


语法为:

box-shadow: h-shadow v-shadow blur spread color inset;

一般这样使用即可:

    border:1px solid #FFF;
    -moz-box-shadow:0 0 3px #AAA;
    -webkit-box-shadow:0 0 3px #AAA;
    box-shadow:0 0 3px #AAA;

在主流浏览器中这样是没问题的,我们应该追谁主流。

Comments are closed.