CSS中給圖片添加圓角非常簡單。我們可以使用border-radius屬性來實現。
img { border-radius: 50%; }
在這個例子中,我們給圖片設置了50%的border-radius,使其呈現圓形。你也可以在border-radius中指定具體的像素值來控制圖片的圓角大小。
img { border-radius: 10px; }
此外,你還可以只給圖片的某個角落添加圓角:
img { border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
在這個例子中,我們將圖片的左上角和右下角設置為20像素,使圖片呈現一個斜向的圓角效果。
總的來說,給圖片添加圓角是一個很簡單的CSS技巧,它可以讓我們的網站看起來更加美觀和現代化。