border-top-right-radius
属性用于设置元素的右上角的边框圆角半径。
语法
-------- - ------------------------ ---------------------------------- -
- length: 指定一个具体的长度值,如
px
,em
,rem
等。 - percentage: 指定一个相对于包含块宽度的百分比值。
- initial: 将属性重置为其默认值。
- inherit: 继承父元素的属性值。
值
length
: 指定一个具体的长度值,如px
,em
,rem
等。percentage
: 指定一个相对于包含块宽度的百分比值。initial
: 将属性重置为其默认值。inherit
: 继承父元素的属性值。
示例
--- - ------ ------ ------- ------ ------- --- ----- ----- ------------------------ ----- -
在上面的示例中,我们给一个 div
元素设置了宽度、高度和边框样式,并且通过 border-top-right-radius
属性设置了右上角的边框圆角半径为 20px
。
注意事项
border-top-right-radius
只能设置右上角的边框圆角半径,如果需要设置其他角的圆角半径,可以使用border-top-left-radius
、border-bottom-right-radius
和border-bottom-left-radius
属性。- 圆角半径越大,圆角越明显。
- 不同浏览器对于圆角的渲染效果可能会有差异,需要在不同浏览器中进行测试和调整。