在網頁設計中,我們經常需要使用圖片來美化頁面,然而有時候圖片本身就有不規則邊緣,如果將其直接插入頁面會顯得不夠美觀。這時候,我們可以使用CSS的img加陰影功能來美化圖片。
img {
box-shadow: 2px 2px 8px #888888;
}
在上述代碼中,我們使用了box-shadow屬性來給圖片加上陰影,其中的2px表示橫向和縱向陰影的偏移量,8px表示陰影的模糊度,#888888則表示陰影的顏色。
除了box-shadow屬性外,我們還可以使用text-shadow屬性,在文字陰影效果上更為凸顯。例如:
img {
text-shadow: 2px 2px 8px #888888;
}
這樣,我們的圖片就能夠更加美觀地呈現在網頁中了。
上一篇input光標距離css
下一篇css里常見的樣式屬性