CSS3盒子外陰影,又稱為box-shadow,是CSS3新增的樣式屬性之一。
通過box-shadow屬性,我們可以為元素添加陰影效果,并且可以自定義陰影的顏色、大小、模糊程度以及偏移量等多種屬性,從而實現多種不同的陰影效果。
.box-shadow { box-shadow: 10px 10px 5px #888888; }
上面的代碼表示為一個名為box-shadow的元素添加了一個右下方偏移10px的陰影,陰影大小為5px,陰影顏色為#888888。
除了以上示例,我們還可以通過box-shadow屬性為元素添加多個陰影效果,語法如下:
.box-shadow { box-shadow: 10px 10px 5px #888888, -10px -10px 5px #555555; }
上述代碼為一個名為box-shadow的元素添加了兩個陰影效果,一個是右下方偏移10px的#888888顏色陰影,另一個是左上方偏移10px的#555555顏色陰影。
總之,CSS3盒子外陰影是一個非常實用的樣式屬性,可以讓我們實現豐富多彩的陰影效果,為網頁增添更多的美感。
下一篇css3盒子模型怎么用