是否可以在CSS盒子上投下陰影？

Question

在div盒周圍創建陰影最簡單的方法是什麼？打印介質設計師給我發了這個設計實例：

http://glacialsummit.com/shadow.jpg

正如你所看到的，陰影似乎「發光」周圍的DIV框。這很容易重新創建CSS？或者我應該告訴設計師創作這個不切實際嗎？

Answer 1

Yes, it is possible，即使在IE6。

Answer 2

It is possible with CSS3。但瀏覽器仍然使用自己的CSS屬性名稱。

Answer 3

是的，這可能與CSS3。以下是樣本：

selector { 
    -moz-box-shadow: 5px 5px 10px #666; 
    -webkit-box-shadow: 5px 5px 10px #666; 
    box-shadow: 5px 5px 10px #666; 
} 

在除IE以外的大多數主流瀏覽器中都能正常工作。

這裏的解釋：

selector { 
    box-shadow: x-coordinate y-coordinate blur-radius color; 
} 

乾杯。