在Web開發中，圖片占據了重要的地位。為了讓圖片更好看一些，我們經常會對圖片進行一些處理，其中就包括了設置圓角。下面，我們就來看一下如何使用CSS對圖片進行圓角設置。

/* 此處是HTML代碼，用于展示要設置圓角的圖片 */
<div class="image-container"><img src="your_image_path" alt="your_image_description"/></div>

在上面的代碼中，我們可以看到要設置圓角的圖片被包含在一個div容器內，而該容器的class為“image-container”。

/* 此處是CSS代碼，用于給圖片div容器設置圓角 */
.image-container {
border-radius: 50%;
overflow: hidden;
}
.image-container img {
display: block;
max-width: 100%;
height: auto;
}

在上面的代碼中，我們使用了border-radius屬性來設置圖片的圓角，由于圓角是一種基于常量的比例方式，因此我們設置了50%的border-radius值，使得圖片呈現圓形。同樣，為了讓超出圓角區域的圖片部分不被顯示，在圖片div容器上我們還設置了overflow:hidden。而對于圖片本身，我們也需要設置其最大寬度以及高度自適應。

上述CSS代碼即可實現對圖片的圓角設置。使用CSS來優化圖片樣式可以使得網頁變得更加美觀和吸引人，讓用戶更愿意停留在我們的網頁上。