在CSS中,我們可以通過border-radius來實現圖片的圓形化。具體實現方法如下:
img{ border-radius: 50%; }
上述代碼中,50%指的是圓形的半徑。也就是說,如果想要實現不完全圓形的圖片,只需設置一個較小的數值即可。
除了通過border-radius實現圓形化,還可以通過clip-path屬性來實現。具體實現方法如下:
img{ clip-path: circle(50% at center); }
上述代碼中,circle(50% at center)表示以圖片中心為圓心,半徑為圖片一半的圓形。同樣,調整半徑大小可以實現不完全圓形的效果。
需要注意的是,clip-path屬性在部分老舊瀏覽器中不被支持。