border-radius: none | length;
none:預設值，無圓角。
length:由長度和單位組成，不可為負值。若length只有乙個引數值，那麼圓角的水平半徑與垂直半徑都為這個引數值。若length有兩個引數值，那麼第乙個引數值表示圓角的水平半徑，第二個引數值表示圓角的垂直半徑。
css程式
.p1
.p2
我只有乙個引數值
我有兩個引數值
圖1雖然會設定圓角了，但是圓角的那個引數值究竟代表什麼呢？接下來用舉例說明。
我們先定義一塊400px*200px的區域，如圖2。
.p1程式執行後的效果如圖4。
以上就是圓角效果的原理了，如有不足，歡迎批評指正！
CSS3邊框 圓角效果 border radius
border radius是向元素新增圓角邊框。使用方法 border radius 10px 所有角都使用半徑為10px的圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角，順時針 不要以為border radius的值只能用px單位，...
5 邊框 1 1 1 邊框圓角
border radius 圓角處理時，腦中要形成圓 圓心 橫軸 縱軸的概念，正圓是橢圓的一種特殊情況。如下圖 為了方便表述，我們將四個角標記成1 2 3 4，如2代表右上角，css裡提供了border radius來設定這些角橫縱軸半徑值。支援簡寫模式，具體如下 1 border radius 1...
DIV CSS圓角邊框
簡潔型css圓角矩形 3d圓角矩形 css3實現圓角 firefox 和 safari 實現圓角 1.css3是樣式表 style sheet 語言的最新版本，它的一大優點就是支援圓角 1 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必...