刚开始接触CSS3,发觉好多新功能。

box-shadow,这个属性可以设置标签的样式,4个参数,前两个是基于左上角的偏移量,第三个是阴影的大小,最后一个是颜色

有个小技巧,就是要设置4周都是有阴影的,那么前两个参数设置为0,意思就是没有偏移

1 <div style="width: 200px; padding: 50px; height: 200px; background: #c00;">
2     <div style="width: 100px; height: 100px; background: #ff0; box-shadow: 0 0 50px #ccc;">&nbsp;</div>
3 </div>

 

 如下图,

 
posted on 2014-04-24 23:03  Durian`Yi  阅读(2238)  评论(0编辑  收藏  举报