在CSS中,我們可以使用border-radius
屬性來讓圖片的角變園,這個屬性可以設(shè)置一個元素四個角的圓角程度,下面是一些示例代碼:
1、設(shè)置四個角的圓角程度:
img { border-radius: 10px; }
2、設(shè)置每個角的圓角程度:
img { border-radius: 10px 20px 30px 40px; }
3、使用斜線設(shè)置對角線的圓角程度:
img { border-radius: 10px 20px 30px / 40px; }
4、設(shè)置圓角的形狀:
除了設(shè)置圓角的大小,我們還可以設(shè)置圓角的形狀,我們可以使用circle
關(guān)鍵字來創(chuàng)建一個圓形:
img { border-radius: circle; }
5、設(shè)置橢圓形的圓角:
我們還可以使用ellipse
關(guān)鍵字來創(chuàng)建一個橢圓形:
img { border-radius: ellipse; }
這些示例展示了如何使用CSS的border-radius
屬性來讓圖片的角變園,你可以根據(jù)自己的需求選擇適合的方法。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。