CSS3 border-top-right-radius 属性

border-top-right-radius 属性用于设置元素的右上角的边框圆角半径。

语法

selector {
  border-top-right-radius: length|percentage|initial|inherit;
}

• length: 指定一个具体的长度值，如 px, em, rem 等。
• percentage: 指定一个相对于包含块宽度的百分比值。
• initial: 将属性重置为其默认值。
• inherit: 继承父元素的属性值。

值

• length: 指定一个具体的长度值，如 px, em, rem 等。
• percentage: 指定一个相对于包含块宽度的百分比值。
• initial: 将属性重置为其默认值。
• inherit: 继承父元素的属性值。

示例

div {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  border-top-right-radius: 20px;
}

在上面的示例中，我们给一个 div 元素设置了宽度、高度和边框样式，并且通过 border-top-right-radius 属性设置了右上角的边框圆角半径为 20px。

注意事项

• border-top-right-radius 只能设置右上角的边框圆角半径，如果需要设置其他角的圆角半径，可以使用 border-top-left-radius、border-bottom-right-radius 和 border-bottom-left-radius 属性。
• 圆角半径越大，圆角越明显。
• 不同浏览器对于圆角的渲染效果可能会有差异，需要在不同浏览器中进行测试和调整。