圖片設置小圓角的CSS方法

在CSS中，我們可以使用border-radius屬性來設置圖片的小圓角，這個屬性可以接收四個值，分別代表四個角的半徑，這樣就可以分別設置每個角的大小。

如果你想要一個圖片有左上角和右下角的小圓角，你可以這樣寫：

img {
    border-radius: 10px 0 0 10px;
}

在這個例子中，10px代表圓角的大小，而0則代表直角，你可以根據(jù)需要調(diào)整這些值。

如果你想要所有的角都有小圓角，你可以使用max()函數(shù)來設置***大的半徑：

img {
    border-radius: max(10px, 50%);
}

在這個例子中，每個角的半徑都會被設置為10px和50%中的***大值，這樣，無論圖片的大小如何變化，圓角的大小都會保持在一個可接受的范圍之內(nèi)。

這種方法只適用于CSS3支持的圖片，如果你的網(wǎng)站需要支持老版本的瀏覽器，你可能需要使用其他的方法來實現(xiàn)相同的效果。