boxshadow-box-shadow參數
box-shadow最少為兩個參數：即h-shadow和v-shadow，大家可以理解為x和y軸的概念。
向元素添加單個 box-shadow 效果時使用以下規則：
當給出兩個、三個或四個 值時。
如果只給出兩個值, 那么這兩個值將會被當作 來解釋。
如果給出了第三個值, 那么第三個值將會被當作解釋。
如果給出了第四個值, 那么第四個值將會被當作來解釋。
可選，inset關鍵字。
可選，值。
屬性實例
img{ box-shadow:10px 10px}
這里只設置了必須的兩個參數，設置陰影為10px，沒有背景色則默認為黑色，注意這兩個參數如果設置為負數，則是相反的方向出現陰影,如下：img{ box- shadow: -10px, -10px}
blur參數此參數用來設置模糊距離，不能為負數。
img{ box-shadow: -10px -10px 20px; }/ /設置blur為20px :
color參數此參數設置陰影的顏色。
img{ box-shadow:-10px -10px 20px 20px gold;}
inset參數如果想要全部邊緣都要陰影元素，直接把x和y設置為0即可。
div{ box-shadow:0px 0px 20px 10px green;}
關鍵詞： boxshadow boxshadow四個值的意思 boxshadow內部陰影 box shadow屬性 盒子陰影boxshadow boxshadow單邊陰影 boxshadow屬性值順序 boxshadow屬性值 boxshadow四周陰影 boxshadow的4個屬性值 boxshadow四個邊陰影
相關閱讀
最近更新
- 06-14
- 06-14
- 06-14
- 06-13
營業執照公示信息