border-top-left-radius 是 CSS 中用于设置元素左上角边框的圆角半径的属性。它允许你定义左上角的水平半径和垂直半径,以创建圆角效果。

border-top-left-radius 属性的语法如下:
element {
  border-top-left-radius: horizontal-radius vertical-radius;
}

其中,horizontal-radius 表示左上角水平方向的半径,vertical-radius 表示左上角垂直方向的半径。这两个值可以是长度值(像素、百分比等)。

示例:
/* 设置左上角的圆角半径为10像素(水平和垂直方向相同) */
div {
  border-top-left-radius: 10px;
}

你也可以分别设置 border-top-left-radius 的两个值:
/* 设置左上角的水平半径为10像素,垂直半径为20像素 */
div {
  border-top-left-radius: 10px 20px;
}

这个属性常用于创建按钮、卡片等元素的左上角圆角效果。如果想要设置所有角的圆角半径,可以使用 border-radius 属性。


转载请注明出处:http://www.zyzy.cn/article/detail/6028/CSS