CSS3 border-bottom-left-radius 属性

border-bottom-left-radius 属性用于设置元素的左下角边框的圆角半径。它可以接受一个或两个值，分别表示水平和垂直方向的圆角半径。

语法

selector {
  border-bottom-left-radius: <length> | <percentage> | initial | inherit;
}

• <length>：指定一个固定长度的圆角半径，如 10px。
• <percentage>：指定一个相对于元素宽度的百分比长度，如 50%。
• initial：将属性重置为默认值。
• inherit：从父元素继承属性值。

示例

使用固定长度的圆角半径

div {
  border-bottom-left-radius: 10px;
}

使用百分比长度的圆角半径

div {
  border-bottom-left-radius: 50%;
}

指定水平和垂直方向的圆角半径

div {
  border-bottom-left-radius: 10px 20px;
}

注意事项

• 如果只指定一个值，则水平和垂直方向的圆角半径相同。
• 圆角半径不会超过边框的一半，如果指定的值过大，圆角将会被裁剪。

以上就是 border-bottom-left-radius 属性的详细介绍，希望对你有所帮助。