實例

向 div 元素的左下角添加圓角邊框：

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

親自試一試

瀏覽器支持

IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-bottom-left-radius 屬性。

定義和用法

border-bottom-left-radius 屬性定義左下角邊框的形狀。

提示：該屬性允許您向元素添加圓角邊框。

語法

border-bottom-left-radius: length|% [length|%];

注釋：border-bottom-left-radius 屬性的長度值和百分比值定義四分之一橢圓（定義外部邊框邊緣的邊角形狀）的半徑（radii）。第一個值是水平半徑，第二個值是垂直半徑。如果省略第二個值，則復制第一個值。如果長度為零，則邊角為方形，而不是圓形。水平半徑的百分比值參考邊框盒的寬度，而垂直半徑的百分比值參考邊框盒的高度。

相關(guān)頁面

CSS3 教程：CSS3 邊框