在CSS中,我們可以使用border-radius
屬性將圖片變成圓角矩形,這個屬性可以設(shè)置一個元素的圓角半徑,包括水平和垂直半徑,下面是一個簡單的示例:
img { border-radius: 10px; }
這個樣式會將所有圖片元素的四個角都設(shè)置為10像素的圓角,如果你想要設(shè)置不同大小的圓角,可以使用斜杠(/)來分別指定水平和垂直半徑:
img { border-radius: 10px 20px; }
這樣,圖片元素的水平圓角半徑將為10像素,垂直圓角半徑將為20像素,如果你想要設(shè)置更多的控制,可以使用四個值來分別指定每個角的半徑:
img { border-radius: 10px 20px 30px 40px; }
這個樣式會將圖片元素的圓角半徑分別設(shè)置為10像素、20像素、30像素和40像素,注意,這些值可以根據(jù)你的具體需求進行調(diào)整。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。