1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>盒子阴影</title> 5 <meta charset="utf-8" /> 6 <style> 7 .box { 8 width:300px; 9 height:300px; 10 background-color:#fff; 11 12 /* 设置阴影 */ 13 -webkit-box-shadow:1px 1px 3px #292929; 14 -moz-box-shadow:1px 1px 3px #292929; 15 box-shadow:1px 1px 3px #292929; 16 } 17 </style> 18 </head> 19 <body> 20 <div class="box"> 21 <br /><br /><br /><br /> 22 看，是不是很有立体感？没有设置边框啊。 23 </div> 24 </body> 25 </html>
CSS3 border-shadow
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。