CSS 可以很容易地將圖片變成橢圓。通過使用 border-radius 屬性和具有等于高度和寬度的值（或相等的百分比）的類 CSS rule，可以輕松創建這種效果。

img {
border-radius: 50%;
width: 200px;
height: 200px;
}

上述 CSS 規則將把圖像轉換為圓形形狀，其中半徑等于圖像的寬度和高度的一半。

如果您想要橢圓形狀的圖像，您可以調整 border-radius 值。請注意，您需要使用像素值而不是百分比值來確保它是響應式。

img {
border-radius: 50% / 75%;
width: 200px;
height: 150px;
}

上述 CSS 規則將在寬度為 200px，高度為 150px 的圖像上創建一個橢圓形狀。