在網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中，圖片是不可或缺的元素之一。而如果想要讓圖片看起來(lái)更加美觀，不規(guī)則的圖片圓角是一個(gè)不錯(cuò)的選擇。那么，在CSS中，如何實(shí)現(xiàn)圖片圓角呢？下面就來(lái)介紹一下具體的做法。

/* 使用 border-radius 屬性顯示圖片圓角 */
img {
border-radius: 50%; /* 設(shè)置圓角半徑為圖片寬高的一半 */
}

從上面的代碼可以看出，我們可以通過(guò)設(shè)置border-radius屬性來(lái)實(shí)現(xiàn)圖片圓角。這個(gè)屬性的值可以是一個(gè)具體的像素值，也可以是一個(gè)百分比值。當(dāng)我們將圓角半徑設(shè)置為50%時(shí)，圖片圓角就會(huì)顯示為圓形。

除此之外，我們還可以通過(guò)其他的屬性來(lái)控制圖片圓角的形狀和方向。比如，如果只想讓圖片的左上角和右下角顯示為圓角，可以按照下面的代碼來(lái)寫(xiě)：

img {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}

通過(guò)這種方式，我們可以自由地控制圖片圓角的大小和位置，讓圖片看起來(lái)更加美觀和具有藝術(shù)感。