border-top-left-radius

border-top-left-radius 该属性是用来规定元素左上角的圆角效果。圆角可以是圆或者椭圆的一部分。若其中有一个值为0，则无圆角效果。

 

语法

border-top-left-radius: 2px;
border-top-left-radius: 0.2em 2em;
border-top-left-radius: inherit;

值

值描述
length 此关键词用于定义圆形半径或者椭圆的半长轴，半短轴。负值无效。
percentage 此关键词用于定义圆形半径或者椭圆的半长轴，半短轴。水平半轴相对于盒模型的款的；垂直半轴相当于盒模型的高度。负值无效。

例子

HTML 

<div id="red">
</div>

CSS 

#red {
     width: 300px;
     height: 200px;
     border: 2px dashed red;
     border-top-left-radius: 40px;
     }

执行结果

参考

相关链接

外部链接


跳至内容顶部