DIV CSS 佈局教程網

　　陰影效果曾讓 Web 設計師既愛又恨，現在，有了 CSS3，你不再需要 Photoshop，已經有網站在使用這個功能了，如 24 Ways website.

　　-webkit-box-shadow: 10px 10px 25px #ccc;

　　-moz-box-shadow: 10px 10px 25px #ccc;

　　box-shadow: 10px 10px 25px #ccc;

　　前兩個屬性設置陰影的 X / Y 位移，這裡分別是 10px，第3個屬性定義陰影的虛化程度，最後一個設置陰影的顏色。文字陰影也可以這樣設置：

　　text-shadow: 2px 2px 5px #ccc;

　　支持的浏覽器：Firefox 3.1, Safari, Chrome (只支持 Box 陰影) ，Opera (只支持文字陰影).前3個數字表示紅綠藍三色的值，最後一個值代表透明度，另外，我們還可以使用 opacity 實現透明度