How TO - 圓角圖片
學習如何使用 CSS 建立圓角和圓形圖片。
如何建立圓角圖片
步驟 1) 新增 HTML
示例
<img src="img_avatar.png" alt="Avatar">
步驟 2) 新增 CSS
使用 border-radius 屬性為圖片新增圓角。50% 會使圖片變成圓形。
訪問我們的 CSS 影像教程，瞭解更多關於如何設定影像樣式的資訊。
學習如何使用 CSS 建立圓角和圓形圖片。
<img src="img_avatar.png" alt="Avatar">
使用 border-radius 屬性為圖片新增圓角。50% 會使圖片變成圓形。
訪問我們的 CSS 影像教程，瞭解更多關於如何設定影像樣式的資訊。
如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com
如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com
