CSS3為塊狀體添加陰影的方法
在CSS3中,可以使用box-shadow
屬性為塊狀體添加陰影。box-shadow
屬性接受四個(gè)值,分別表示陰影的水平偏移、垂直偏移、模糊半徑和顏色。
要給一個(gè)塊狀體添加陰影,可以將其樣式設(shè)置為:
box-shadow: 10px 10px 5px #000;
這個(gè)樣式表示陰影的水平偏移為10像素,垂直偏移為10像素,模糊半徑為5像素,顏色為黑色。
如果想要添加多個(gè)陰影,可以使用逗號(hào)分隔每個(gè)陰影的樣式,
box-shadow: 10px 10px 5px #000, -10px -10px 5px #ff0;
這個(gè)樣式表示塊狀體有兩個(gè)陰影,一個(gè)是在右下角,另一個(gè)是在左上角。
需要注意的是,box-shadow
屬性在IE瀏覽器中不被支持,因此在使用時(shí)需要考慮兼容性問題,也可以通過其他方法添加陰影,例如使用偽元素或SVG等。