HTML5中的陰影可以通過CSS樣式來實現(xiàn)。CSS提供了box-shadow屬性來添加元素的陰影效果。
.shadow { box-shadow: 2px 2px 5px #999; }
上述代碼中,.shadow是元素的類名,box-shadow屬性的值包含了四個參數(shù):
- 水平偏移量:2px
- 垂直偏移量:2px
- 陰影模糊半徑:5px
- 陰影顏色:#999
通過這些參數(shù),可以調(diào)整陰影的位置、大小和顏色。
另外,box-shadow屬性還可以添加多個值,用逗號分隔。這可以實現(xiàn)多個陰影疊加的效果。
.shadow { box-shadow: 2px 2px 5px #999, -2px -2px 5px #ccc; }
上述代碼中,.shadow類名的元素將會顯示兩個陰影:一個顏色為#999,偏移量為2px,半徑為5px的陰影,而另一個則是顏色為#ccc,偏移量為-2px,半徑為5px的陰影。
總的來說,box-shadow是一個非常實用的CSS屬性,可以為網(wǎng)頁中的元素添加一些陰影效果,從而使它們看上去更加立體和特別。
下一篇最后一個li隱藏css