使用CSS來製作元素、圖片、文字的陰影

 請注意：以下測試皆為使用Chrome瀏覽器記錄顯示結果，並非所有瀏覽器皆有支援。

box-shadow 屬性：
先來看一下使用後的美圖。

達到此陰影效果部分的CSS語法：
box-shadow: 5px 5px 10px #000;

解說：
第一個值 5px 指的是X的偏移量，正值的話陰影會出現在元素的右邊，負值的話，會出現在左邊。
第二個值 5px 指的是Y的偏移量，正值的話陰影會出現在元素的下面，負值的話，會出現在上面。
第三個值是非必須的，但是如果沒有值的話，是不會有模糊的效果的，這個值是模糊的強度值。
最後的是陰影顏色，可用16進位數值的表示方式，或是RGB數值、顏色名稱。

text-shadow 屬性：
一樣先來看一下使用後的美圖。

達到此陰影效果部分的CSS語法：
text-shadow: 5px 5px 10px #000;

使用方法....沒錯..就是跟 box-shadow 都一樣，就不重複介紹嚕。