CSS圖片圓角邊框的制作方法

在CSS中，我們可以使用border-radius屬性來制作圖片的圓角邊框，border-radius屬性可以設(shè)置一個(gè)元素四個(gè)角的圓角程度，下面是一些示例代碼：

1、四個(gè)角都設(shè)置為圓角：

img {
  border-radius: 10px;
}

2、四個(gè)角都設(shè)置為不同的圓角程度：

img {
  border-radius: 10px 20px 30px 40px;
}

3、四個(gè)角都設(shè)置為圓形：

img {
  border-radius: 50%;
}

這些代碼可以將圖片的四個(gè)角設(shè)置為不同的圓角程度，從而實(shí)現(xiàn)不同的效果，需要注意的是，border-radius屬性的值可以是像素、百分比等長(zhǎng)度單位，根據(jù)需要設(shè)置即可，也可以將border-radius屬性應(yīng)用于其他元素，如div、span等，來實(shí)現(xiàn)類似的圓角效果。