首页 > 其他 > 详细

设置四周阴影边框

时间:2014-04-25 11:50:18      阅读:595      评论:0      收藏:0      [点我收藏+]

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

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

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

bubuko.com,布布扣
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>
bubuko.com,布布扣

 

 如下图,

 

设置四周阴影边框,布布扣,bubuko.com

设置四周阴影边框

原文:http://www.cnblogs.com/fyima/p/3687610.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!