CSS是一種用于控制HTML或XHTML的樣式表語言。通過CSS，我們可以對HTML頁面的元素，包括文字、圖像的排版、顏色等進行各種樣式的控制。其中，使用CSS將圖片變為圓角是一種非常實用且美觀的技巧。 利用CSS將圖片變為圓角，可以使得頁面風格更為圓潤溫和，使UI設計更加美觀。而實現這種技巧的方法非常簡單，只需要幾行CSS代碼即可。 以pre標簽包裹CSS代碼，實現如下： pre{ background-color: #f5f5f5; border: 1px solid #ccc; padding: 10px; border-radius: 5px; overflow-x: auto; } 其中，其中最關鍵的代碼是border-radius屬性，它可以用來設置圓角的半徑。該屬性可以輸入一個值或兩個值（分別對應水平和垂直方向的半徑）。 如果我們要將圖片變為圓角，只需要將圖片的class屬性設置為rounded，并設置這個class的border-radius屬性即可。代碼實現如下： .rounded{ border-radius: 50%; } 這樣，我們就可以在HTML頁面中使用class="rounded"的圖片，而不需要使用任何圖片編輯工具也可以將圖片圓角化了。