CSS是一種設計網頁的語言，它可以讓你以各種方式改變網頁元素，包括文本、圖片和布局等。今天我們來討論一種非常有用的CSS技巧，即如何設置圓角圖片。 首先，我們需要一個圖片。我們可以使用img標簽將圖片添加到網頁中，例如:

<img src="img.jpg" alt="My Image">

現在，我們想要將這個圖片變成一個帶有圓角的矩形。我們可以使用CSS的border-radius屬性來實現這個效果。border-radius屬性允許我們為元素的邊緣添加圓角，如下所示:

img {
border-radius: 10px;
}

這將在圖片的四個角上添加10像素的圓角。 如果我們只想讓圖片的一個角是圓角，我們可以使用border-radius屬性的更復雜版本。例如，要使左上角是圓角，右下角是方角，可以這樣寫：

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

這會將左上角設置為10像素的圓角，而其他三個角則是方角。如果我們想要將兩個相鄰的角同時設置為圓角，我們可以將它們合并為一個屬性：

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

這將在左上和右上角添加10像素的圓角，而其他兩個角則是方角。 總的來說，CSS的border-radius屬性可以輕松實現各種形狀的圓角效果，使你的網頁更加美觀和現代化。