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.pingtaimeng.com/article/detail/6028/CSS