CSS的一個很實用的特性就是可以設(shè)置圖片的圓角。這樣可以使得圖片與界面更加協(xié)調(diào)美觀。
/* 設(shè)置圖片圓角 */ img { border-radius: 50%; }
在上面的代碼中,使用了border-radius屬性,并且將值設(shè)為50%。這樣可以將圖片設(shè)置成圓形。如果想要設(shè)置成其他形狀,可以將border-radius的值設(shè)置為其他小數(shù)或者像素。
當(dāng)然,我們也可以將border-radius應(yīng)用在其他的HTML元素上,比如div、button等等。這樣可以增強這些元素的美觀度。
/* 設(shè)置div圓角 */ div { border-radius: 10px; } /* 設(shè)置button圓角 */ button { border-radius: 5px; }
總之,利用CSS的border-radius屬性可以輕松的設(shè)置HTML元素的圓角,增強網(wǎng)頁的美觀度。