CSS可以實現將圖片變為圓形,這一過程主要通過border-radius屬性實現。
img { border-radius: 50%; }
值得一提的是,如果想要圖片保持原有比例,可以將圖片包裹到一個div中,同時為該div設置相應的高度和寬度。
.image-wrapper { height: 200px; width: 200px; overflow: hidden; border-radius: 50%; }
通過以上代碼,就可以將圖片變成圓形,并且保持原有比例。
上一篇css怎樣左右建層
下一篇css怎樣強制換行顯示