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

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

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

如果只給出兩個(gè)值, 那么這兩個(gè)值將會(huì)被當(dāng)作 來(lái)解釋。

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

如果給出了第四個(gè)值, 那么第四個(gè)值將會(huì)被當(dāng)作來(lái)解釋。

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

可選，值。

屬性實(shí)例

img{ box-shadow:10px 10px}

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

blur參數(shù)此參數(shù)用來(lái)設(shè)置模糊距離，不能為負(fù)數(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四個(gè)值的意思 boxshadow內(nèi)部陰影 box shadow屬性 盒子陰影boxshadow boxshadow單邊陰影 boxshadow屬性值順序 boxshadow屬性值 boxshadow四周陰影 boxshadow的4個(gè)屬性值 boxshadow四個(gè)邊陰影