HTML語言可以通過CSS樣式來美化網頁,其中設置圖片邊框的樣式有多種方式。本文將介紹一種常用的方法,即將圖片邊框設置為橢圓形并添加陰影效果。
img { border-radius: 50%; box-shadow: 3px 3px 3px #888888; }
其中,border-radius
屬性可以將圖片邊框設置為橢圓形。其中,數值為50%時,表示強制將邊框的寬度限制為圖片寬度的50%,從而實現橢圓效果。
后面的box-shadow
屬性則可以添加陰影效果,其中3px表示陰影的大小,#888888為顏色值。
通過以上代碼,我們可以輕松將圖片的邊框變為橢圓形并添加陰影效果,使頁面變得更加美觀。
下一篇c json copy