CSS圖片四角變圓的方法

在CSS中，我們可以使用border-radius屬性將圖片的四角變圓，border-radius屬性可以設置一個元素的邊框半徑，包括水平和垂直兩個方向，當我們將border-radius設置為一個值時，該值將應用于四個角，從而實現(xiàn)四角變圓的效果。

以下是一個簡單的示例，展示如何將圖片的四角變圓：

HTML代碼：

<img class="rounded-image" src="image.jpg" alt="圖片示例">

CSS代碼：

.rounded-image {
  border-radius: 10px;
}

在上面的示例中，我們?yōu)閳D片添加了一個類名為"rounded-image"的CSS類，并將border-radius設置為10像素，這將使圖片的四角變?yōu)榘霃綖?0像素的圓形，您可以根據(jù)需要調(diào)整border-radius的值，以獲得不同大小的圓角效果。

border-radius屬性不僅適用于圖片，還可以應用于其他具有邊框的元素，如div、p等，通過調(diào)整border-radius的值，您可以輕松地改變這些元素的形狀，使其更加美觀和實用。