CSS3 圓角效果

以往在網頁設計的時候， 要做圓角都要很辛苦的做圖片， 我們一開始介紹了製作圓角的方便網站， 後來我們又介紹了使用Javascript製作圓角的方法， 今天來跟大家介紹CSS3的圓角效果，更快更方便。

語法說明 只需要在CSS裡面加入下面這行就可以了

// 圓角半徑為 25px
border-radius:25px; 
// 也可以做一些變化，填入不同的圓角半徑，分別是代表 左上 右上 右下 左下
border-radius:40px 30px 40px 10px;
// 也可以使用比例
border-radius:50%;

範例如下