在網頁中使用圖片是很常見的,然而有時候我們想讓圖片擁有圓角的形狀。那么在HTML中怎么給圖片設置圓角呢?
<img src="image.jpg" style="border-radius:50%;">
在img標簽內添加style屬性,并設置border-radius屬性,即可使圖片呈現出圓角的形狀。
其中border-radius屬性設置的值的意義是:50%意味著圖片的所有角都是圓的。
<img src="image.jpg" style="border-radius:10px;">
如果希望圖片的角變成一個特定的大小,可以設置border-radius屬性的像素值。
值得注意的是,如果一個img標簽被包含在一個鏈接標簽(<a>)中,那么鏈接標簽所包含的img標簽同樣會呈現圓角形狀。
在HTML中,通過設置border-radius屬性便可以實現圖片設置圓角的效果,使得網頁更加美觀。
上一篇vue apache