CSS可以輕松地讓你的網頁展現各種各樣的視覺效果，包括圓角圖片。通過CSS的border-radius屬性，我們可以將圖片變成圓形或者添加圓角。

img {
border-radius: 50%;  /* 將圖片變成圓形 */
}
img.rounded {
border-radius: 10px;  /* 添加10像素的圓角 */
}

這里有兩個例子，第一個將圖片變成圓形，將border-radius設置為50%。而第二個則在添加了一個類名為rounded的圖片上添加了一個10像素的圓角。

<img src="path/to/image.jpg" alt="my image">
<img src="path/to/image.jpg" class="rounded" alt="my rounded image">

在HTML中，我們可以使用img標簽來展示圖片。如果我們想要在圖片上添加圓角，則需要給圖片添加一個class屬性，以使得CSS可以選中該元素并應用樣式。

我們可以應用border-radius樣式到任何其他元素，例如div或button，以便于創建圓角形狀。

button {
border-radius: 20px;
background-color: #369;
color: #fff;
padding: 10px 20px;
}

以上是一個創建圓角按鈕的樣例代碼。其中的border-radius屬性設置了按鈕的圓角半徑，而其他的樣式則用于設置按鈕的顏色和大小。