CSS樣式表中設(shè)置圖片的形狀需要使用CSS屬性border-radius。此屬性可以將圖片的角落圓化,使得圖片變成一個(gè)圓形。下面是一段CSS代碼,用于設(shè)置一張圖片為圓形:
img { width: 200px; height: 200px; border-radius: 50%; }
在上面的代碼中,我們將width和height屬性設(shè)置為200像素,這樣圖片就有了寬和高。接著,我們使用border-radius屬性將圖片的角落變成了一個(gè)圓形。border-radius屬性有一個(gè)參數(shù),表示圓角的直徑,這里我們?cè)O(shè)置為50%,表示將整個(gè)角落都變成圓形。
我們可以使用這個(gè)代碼片段將任何一個(gè)大小的圖片變成圓形。只需要替換掉樣式表代碼中的圖片選擇器,將其替換為你想要的元素選擇器即可。