CSS中圖片設(shè)置圓角的方法

在CSS中，我們可以使用border-radius屬性來設(shè)置圖片的圓角，這個屬性可以接收一個數(shù)值，這個數(shù)值就是圓角的半徑，單位是像素。

如果我們想要設(shè)置一張圖片的四個角都為50px的圓角，我們可以這樣寫：

img {
    border-radius: 50px;
}

這樣，圖片就會顯示出50px的圓角，如果我們想要設(shè)置不同角的圓角，可以使用斜線來分別設(shè)置：

img {
    border-radius: 50px 100px 50px 100px;
}

這樣，圖片就會顯示出不同的圓角，需要注意的是，如果圖片本身不是正方形或者長方形，那么圓角的效果可能會因為圖片的形狀而有所不同。

border-radius屬性還可以接受百分比的值，這樣我們就可以根據(jù)圖片的尺寸來動態(tài)計算圓角的大小了。

img {
    border-radius: 50%;
}

這樣，無論圖片的尺寸是多少，圓角的大小都會是圖片寬度和高度的50%，這種方法在處理動態(tài)尺寸的圖片時非常有用。