border-top-right-radius 该属性用于规定元素的右上角弧形。该弧形可能为一个椭圆,若一个值为0,就没有圆形。
border-top-right-radius: radius; border-top-right-radius: horizontal vertical; border-top-right-radius: inherit;
值 | 描述 |
---|---|
length | 此关键词表示圆弧半径的大小或者椭圆的半长轴或半短轴,它属性值的数据类型表示任意单位通过<length>,负值是无效的。 |
percentage | 此关键词标志着圆弧半径的大小或者椭圆的半长轴或半短轴,水平轴的百分值是相对盒模型的宽度,垂直轴的百分值是相对盒模型的宽度,负值是无效的。 |
HTML
<div id="red"> </div>
CSS
#red { width: 300px; height: 200px; border: 2px dashed red; border-top-right-radius: 40px; }
执行结果