CSS定義圓形圖片非常簡單,只需要對圖片應用border-radius屬性即可。
img{ border-radius: 50%; }
在這個代碼中,50%的border-radius屬性將圖片的四個角都變成了圓形,使得圖片呈現出圓形的效果。
如果你想要強調圖片是圓形的話,可以給圓形圖片設置一個邊框,這樣就可以讓圖片更加突出了。
img{ border-radius: 50%; border: 4px solid #000; }
在這個代碼中,我們增加了一個4像素寬的黑色邊框,使得圓形圖片更加的醒目。
總之,使用CSS定義圓形圖片非常簡單,只需要應用border-radius屬性即可,同時你還可以通過設置邊框來增強圓形圖片的效果。
上一篇css定義多行文字省略號
下一篇mysql5.1初始密碼