實(shí)例

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

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

親自試一試

瀏覽器支持

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

定義和用法

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

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

語(yǔ)法

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

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

相關(guān)頁(yè)面

CSS3 教程：CSS3 邊框