如今css3中的border-radius出現後，讓我們沒有那麼多的煩惱了，首先製作圓角的時間是省了，而且其還有多個優點：其一減少**的維護的工作量，少了對的更新製作，**的替換等等;其
二、提高**的效能，少了對進行http的請求，網頁的載入速度將變快;其三增加視覺美觀性。既然border-radius有這麼多好處，我們就從他的語法，屬性和屬性值等方面來看其如何應用，又是如何製作圓角，還有就是除了製作圓角他還能製作什麼?有這麼多，那我們就開始吧！
前面總結了一些css3中新有的一些選擇器的用法，那麼css3中的圓角應該怎麼用呢?看完今天的介紹，大家對css3中的圓角有所收穫喲。為什麼css3中會新增圓角呢?在日常製作**的時候通常會碰到圓角都會用css精靈來解決。在css3中，我們可以用圓角而不用css精靈解決，製作起來也節約了一些成本。
有了css3中的圓角以後，這讓我們在製作中少用了很多，減少了很多http的請求，這樣網頁載入的速度很變得很快。既然css3的圓角這麼好，接下來我們會從它的語法，用法，引數等各方面進行介紹。說了這麼多，我們開始吧。
一、css3的語法
border-radius是一種縮寫方法。如果「/」前後的值都存在，那麼「/」前面的值設定其水平半徑，「/」後面值設定其垂直半徑。如果沒有「/」，則水平和垂直半徑相等。另外其四個值是按照top-left、top-right、bottom-right、bottom-left的順序來設定的其主要會有下面幾種情形出現：
1、border-radius: [ ]; //這裡只有乙個值，那麼top-left、top-right、bottom-right、bottom-left四個值相等
2、border-radius:[ ] [ ] ; //這裡設定兩個值，那麼top-left等於bottom-right，並且取第乙個值;top-right等於bottom-left，並且取第二個值
3、border-radius:[ ] [ ] [ ];//如果有三個值，其中第乙個值是設定top-left;而第二個值是top-right和bottom-left並且他們會相等,第三個值是設定bottom-right
4、border-radius:[ ] [ ] [ ] [ ];//如果有四個值，其中第乙個值是設定top-left;而第二個值是top-right,第三個值bottom-right,第四個值是設定bottom-left
border-radius只有在以下版本的瀏覽器：firefox4.0+、safari5.0+、google chrome 10.0+、opera 10.5+、ie9+支援border-radius標準語法格式，對於老版的瀏覽器，border-radius需要根據不同的瀏覽器核心新增不同的字首，比說mozilla核心需要加上「-moz」，而webkit核心需要加上「-webkit」等，那麼我為了能相容各大核心的老版瀏覽器，我們看看border-radius在不同核心瀏覽器下的書寫格式：
二、css3的例子
1、用圓角畫原型
css**：
.box
2、圓角應用1
css**：
.box
3、圓角應用2
css**：
/* 基本瀏覽器 */
div
/* ie9及ie9以上版本和歐朋瀏覽器 */
.box
/* 等價於
.box
*/
.box1
/* 等價於
.box
*/
.box2
/* 等價於
.box
*/
.box3
/* 等價於
.box
*/
.box4
/*
等價於：
.box4
*/
對css3的研究還在繼續，對css3圓角的研究還在繼續，對未來的研究還在繼續。現在css3的圓角能給大家帶來一點幫助。關於css3選擇器方面就介紹到這裡，希望能對初次接觸css3的朋友們有所幫助。
css3製作圓角按鈕
使用 css3 製作圓角按鈕，無需 首先來看看效果圖 html 就這麼簡單 button button button 如果沒有 css 那麼上面的 html 執行起來是這樣的 開始 css3 的編寫 button一些不同顏色的按鈕樣式 green blue color blue gray color...
CSS3 實現圓角方法
這裡只是稍微的翻譯下，希望大家能夠從中領悟。圓角效果，首先我們應該來建立乙個div和簡單的css吧。在css中，我們應該給他定義乙個寬度和高度，當然還有背景。box 2.這種情況比較特殊，是對左上角和右下角設定同一種圓角，而右上角和左下角是同一種圓角。box 3.這種情況也比較特殊，是左上角為20p...
CSS3學習筆記 圓角
圓角 優點 一.減少 的維護量 三.增加視覺美觀性 border radius 含義 邊框半徑 指定乙個值，就是能同時設定四個角的半徑 預設值為0，但不可以為負 border radius 25px 講每個圓角 水平半徑 和 垂直半徑 設定為25px 2 指定每個角 圓角引數缺失情況 div1 di...