針對CSS的頭像圓形問題,我們可以使用以下代碼實現:
.avatar { width: 100px; height: 100px; border-radius: 50%; }
首先,我們需要定義頭像的寬度和高度,具體數值視情況而定。然后,我們使用CSS3的border-radius屬性將圖片的邊角設置為50%即可。這樣,頭像就變成了一個圓形。
如果你想要應用到多個頭像上,可以使用通用選擇器:
img { width: 100px; height: 100px; border-radius: 50%; }
這樣所有的圖片都會變成圓形。