伴隨著CSS3的問世和普及，現在許許多多需要采用JS才能實現的網頁視覺效果用CSS3即可輕易實現，許多需要用圖片才能表達的東西用CSS3就jiu可ke以yi，例li如ru我wo們men常chang用yong的de圓yuan角jiao樣yang式shi。在zai此ci之zhi前qian，要yao實shi現xian圓yuan角jiao，必bi須xu借jie助zhu圖tu片pian或huo其qi它ta插cha件jian，現xian在zai，一yi切qie變bian得de非fei常chang簡jian單dan了le，隻zhi需xu要yao加jia短duan短duan的de幾ji句juCSS3代碼就可以了。
CSS3代碼：border-radius:5px;-moz-border-radius:5px;
使用上麵的CSS3樣式就可以實現上圖所示的圓角效果
CSS3甚至允許你設置每一個角的樣式，例如如下代碼。
/*左上角*/
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圓角吧?其最大的好處在於，不用再為一些圓角的網頁元素而去用Photoshop畫圖了。更好的地方是，由於用CSS代替圖片，可以大大減少網頁加載量，提高網頁打開速度哦。
