在CSS中,我們可以使用border-radius
屬性將圖片設(shè)置為圓角,這個(gè)屬性接受的值可以是像素、百分比或者em單位,用來(lái)定義圓角的半徑大小,下面是一些示例代碼,展示了如何將圖片設(shè)置為圓角:
1、像素單位設(shè)置圓角:
img { border-radius: 10px; }
2、百分比單位設(shè)置圓角:
img { border-radius: 50%; }
3、em單位設(shè)置圓角:
img { border-radius: 1em; }
這些代碼可以將圖片設(shè)置為不同程度的圓角,需要注意的是,border-radius
屬性會(huì)改變圖片的顯示形狀,但并不會(huì)改變圖片的實(shí)際大小,如果你需要同時(shí)改變圖片的大小和形狀,可以結(jié)合使用width
、height
以及border-radius
屬性。