從web2.0開始，開始流行使用圓角，如果你不使用圓角，你的**可能不會被列入web2.0**。主要問題是，你至少需要4個（每個角乙個）和一些js或複雜的層來實現圓角。
這些將成為過去了！兩行就足夠了：
css **:
.round
那麼，有什麼新東西？實際上css3的宣告是border-radius。 到目前為止，這個特性尚未確定，眾多瀏覽器生產商通過字首支援該屬性。firefox使用 -moz- ， safari使用 -webkit-
這裡同樣支援你選擇哪個角使用圓角，這可以通過使用「topleft topright bottomright bottomleft」實現。示例：
# -moz-border-radius-topleft / -webkit-border-top-left-radius
# -moz-border-radius-topright / -webkit-border-top-right-radius
ie下設定：
-khtml-border-radius: 5px;（ie9是支援的，不知道ie8及以下支援的情況）
總結：相容不同瀏覽器圓角設定：
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
CSS3有哪些新特性？CSS3新特性詳解
本篇文章給大家帶來的內容是關於css3有哪些新特性？css3新特性詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...
CSS3 實現圓角方法
這裡只是稍微的翻譯下，希望大家能夠從中領悟。圓角效果，首先我們應該來建立乙個div和簡單的css吧。在css中，我們應該給他定義乙個寬度和高度，當然還有背景。box 2.這種情況比較特殊，是對左上角和右下角設定同一種圓角，而右上角和左下角是同一種圓角。box 3.這種情況也比較特殊，是左上角為20p...
CSS3實現圓角效果
利用border radius屬性可以給元素div,input元素等新增圓角效果 後跟 值為這個圓角的半徑,即數值越大效果越明顯 webkit border top bottom left right radius可以給某個角新增弧度,上下 左右的順序不能反 左上 webkit border top...