CSS圖片怎么設(shè)置成圓角

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

img {
  border-radius: 10px;
}

這個代碼會將所有圖片設(shè)置為一個半徑為10像素的圓角，如果你想要將特定圖片設(shè)置為圓角，你可以給圖片添加一個特定的類名或者ID，然后在CSS中針對這個類名或者ID來設(shè)置border-radius屬性。

<img class="rounded-image" src="image.jpg">

然后CSS代碼可以寫為：

.rounded-image {
  border-radius: 10px;
}

這樣，只有帶有rounded-image類的圖片才會被設(shè)置為圓角，如果你想要將圓角的半徑設(shè)置為其他數(shù)值，你只需要將10px替換為你想要的數(shù)值即可，如果你想要將圓角的半徑設(shè)置為50像素，你可以將CSS代碼修改為：

.rounded-image {
  border-radius: 50px;
}

這樣，帶有rounded-image類的圖片就會被設(shè)置為一個半徑為50像素的圓角了。