box-shadow最少為兩個參數(shù)：即h-shadow和v-shadow，大家可以理解為x和y軸的概念。

向元素添加單個 box-shadow 效果時使用以下規(guī)則：

當(dāng)給出兩個、三個或四個 值時。

如果只給出兩個值, 那么這兩個值將會被當(dāng)作 來解釋。

如果給出了第三個值, 那么第三個值將會被當(dāng)作解釋。

如果給出了第四個值, 那么第四個值將會被當(dāng)作來解釋。

可選，inset關(guān)鍵字。

可選，值。

屬性實例

img{ box-shadow:10px 10px}

這里只設(shè)置了必須的兩個參數(shù)，設(shè)置陰影為10px，沒有背景色則默認為黑色，注意這兩個參數(shù)如果設(shè)置為負數(shù)，則是相反的方向出現(xiàn)陰影,如下：img{ box- shadow: -10px, -10px}

blur參數(shù)此參數(shù)用來設(shè)置模糊距離，不能為負數(shù)。

img{ box-shadow: -10px -10px 20px; }/ /設(shè)置blur為20px :

color參數(shù)此參數(shù)設(shè)置陰影的顏色。

img{ box-shadow:-10px -10px 20px 20px gold;}

inset參數(shù)如果想要全部邊緣都要陰影元素，直接把x和y設(shè)置為0即可。

div{ box-shadow:0px 0px 20px 10px green;}

關(guān)鍵詞： boxshadow boxshadow四個值的意思 boxshadow內(nèi)部陰影 box shadow屬性 盒子陰影boxshadow boxshadow單邊陰影 boxshadow屬性值順序 boxshadow屬性值 boxshadow四周陰影 boxshadow的4個屬性值 boxshadow四個邊陰影