歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
Css中使用box-shadow設置下拉陰影框
 
box-shadow 屬性可以設置一個或多個下拉陰影的框
 
可以在同一個元素上設置多個陰影效果,并用逗號將他們分隔開。該屬性可設置的值包括陰影的X軸偏移量、Y軸偏移量、模糊半徑、擴散半徑和顏色。
 
語法:
 
box-shadow: h-shadow v-shadow blur spread color inset;
div.box{
    /* x偏移量 | y偏移量 | 陰影模糊半徑 | 陰影擴散半徑 | 陰影顏色 */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
 
參數詳解
描述
h-shadow 必需的。水平陰影的位置。允許負值
v-shadow 必需的。垂直陰影的位置。允許負值
blur 可選。模糊距離
spread 可選。陰影的大小
color 可選。陰影的顏色。在CSS顏色值尋找顏色值的完整列表
inset
可選。從外層的陰影(開始時)改變陰影內側陰影
 

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/rumen/r64558.shtml

久久天天躁狠狠躁夜夜躁2020