CSS box-shadow 可設的常用值

Syntax：box-shadow: [x offset] [y offset] [blur radius] [spread radius] [color]
語法：box- shadow : 陰影類型 , X 軸位移 , Y 軸位移 , 陰影大小 , 陰影擴展 , 陰影顏色
語法解說：
01.當不設陰影類型時，默認為投影效果，當設為 inset 時，為內陰影效果。
02.以 X, Y 表示偏移量，這兩個數字不能省略。
03.陰影大小，以模糊半徑表示 (blur radius)，預設為 0px。
04.陰影擴展，以擴散半徑表示 (spread radius)，預設為 0px。
05.陰影顏色，未設時使用 color 特徵的值。
06.還可以加上 inset，將投影放在矩格內，預設是矩格外。
07.可以作多層投影，放多組投影參數，然後用 "," 分開。
08.none：不作投影，此為預設值；inherit：繼承父元素特徵。

CSS3 Shadow 陰影效果有兩種：
1.Box Shadow : 對一個區塊做陰影效果 GO。
2.Text Shadow: 對文字做陰影效果 GO。

本篇報導所有範例，我使用的測試瀏覽器與版本可能與你不同，請自己參考看看 GO。
本篇報導參考資料來源： GO。

本報導內容或資料，因限人力、時間，非教學會員，不接受任何使用上的教學與指導，敬請見諒。

如果你喜歡這篇辛苦蒐集整理出來的報導資料，歡迎原文轉載及註明出處，請勿直接盜用，謝謝你的合作。

如果你願意於貴站或部落格中介紹本站，歡迎使用複製網頁研習室連結語法，再次感謝你的支持與愛護。