CSS 参考手册 目录

CSS3 border-top-right-radius 属性

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-radiusborder-bottom-right-radiusborder-bottom-left-radius 属性。
  • 圆角半径越大,圆角越明显。
  • 不同浏览器对于圆角的渲染效果可能会有差异,需要在不同浏览器中进行测试和调整。

上一篇:CSS 属性 border-top-left-radius
下一篇:CSS 属性 border-top-style