border-radius
圓角處理時，腦中要形成圓、圓心、橫軸、縱軸的概念，正圓是橢圓的一種特殊情況。如下圖
為了方便表述，我們將四個角標記成1、2、3、4，如2代表右上角，css裡提供了border-radius來設定這些角橫縱軸半徑值。
支援簡寫模式，具體如下：
1、border-radius: 10px; 表示四個角的橫縱軸半徑都為10px；
2、border-radius: 10px5px; 表示1和3角橫縱軸半徑都為10px，2和4角橫縱軸半徑為5px；
3、border-radius: 10px 5px8px; 表示1角模縱軸半徑都為10px，2和4角橫縱軸半徑都為5px，3角的橫縱軸半徑都為8px；
4、border-radius: 10px 8px6px 4px; 表示1角橫縱軸半徑都為10px，表示2角橫縱軸半徑都為8px，表示3角橫縱軸半徑都為6px，表示4角橫縱軸半徑都為4px；
.circle
.square
.irregular
/* 上半圓，高度為寬度的一半，邊框只加上半部分*/
.half-circle
.left-circle
相關**（-）11
相關效果（-)
DIV CSS圓角邊框
簡潔型css圓角矩形 3d圓角矩形 css3實現圓角 firefox 和 safari 實現圓角 1.css3是樣式表 style sheet 語言的最新版本，它的一大優點就是支援圓角 1 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必...
border radius 圓角邊框
在css3.0中，又新增了乙個新的屬性border radius，使用border radius這個屬性可以實現圓角邊框的效果。除ie和遨遊外，目前有firefox safari，chrome，opera支援該屬性，其safari，chrome，opera是支援最好的，依照了w3c的標準，僅僅使用b...
CSS圓角邊框
使用 css3 border radius 屬性，可以給元素製作 圓角 若 border radius 屬性中只指定乙個值，那麼將生成 4 個 圓角。如下所示，則該元素的四個角都是圓角。div 畫圓形的辦法 圓角大小 盒子半徑 box1 box2 屬性 描述border radius 所有四個邊角 ...