伴随着CSS3的(Of)問世和(And)普及，現在(Exist)許許多多需要(Want)采用(Use)JS才能實現的(Of)網頁視覺效果用(Use)CSS3即可輕易實現，許多需要(Want)用(Use)圖片才能表達的(Of)東西用(Use)CSS3就可以(By)，例如我(I)們常用(Use)的(Of)圓角樣式。在(Exist)此之前，要(Want)實現圓角，必須借助圖片或其它插件，現在(Exist)，一(One)切變得非常簡單了，隻需要(Want)加短短的(Of)幾句CSS3代碼就可以(By)了。
CSS3代碼：border-radius:5px;-moz-border-radius:5px;
使用(Use)上面的(Of)CSS3樣式就可以(By)實現上圖所示的(Of)圓角效果
CSS3甚至允許你設置每一(One)個(Indivual)角的(Of)樣式，例如如下代碼。
/*左上角*/
border-top-left-radius:5px;-webkit-border-top-left-radius:5px;
/*右上角*/
border-top-right-radius:5px;-webkit-border-top-right-radius:5px;
/*左下角*/
border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;
/*右下角*/
border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;
怎麽樣，很容易實現吧CSS3圓角吧?其最大(Big)的(Of)好處在(Exist)于(At)，不(No)用(Use)再爲(For)一(One)些圓角的(Of)網頁元素而去用(Use)Photoshop畫圖了。更好的(Of)地方是，由于(At)用(Use)CSS代替圖片，可以(By)大(Big)大(Big)減少網頁加載量，提高網頁打開速度哦。
