CSS圖片怎么做圓角

在CSS中，我們可以使用border-radius屬性來制作圖片的圓角效果，這個屬性可以設(shè)置一個元素的四個角的半徑，從而使其呈現(xiàn)圓角的效果。

我們需要選取一個圖片元素，然后給它加上一個CSS類名，我們可以給圖片元素加上一個名為rounded-image的類名。

我們可以在CSS中定義這個類名，并設(shè)置border-radius屬性。

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

上面的代碼會將圖片元素的四個角都設(shè)置為10px的圓角，你可以根據(jù)需要調(diào)整這個值，以改變圓角的大小。

如果你想要單獨設(shè)置每個角的圓角，可以使用斜杠（/）來分別設(shè)置每個角的半徑。

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

上面的代碼會將圖片元素的四個角分別設(shè)置為10px、20px、30px和40px的圓角。

需要注意的是，border-radius屬性只在支持CSS3的瀏覽器中有效，如果你需要兼容老版本的瀏覽器，可能需要使用其他的方法來實現(xiàn)圖片的圓角效果。