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刪除。