CSS 参考手册 目录

CSS3 border-bottom-left-radius 属性

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

语法

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

示例

使用固定长度的圆角半径

--- -
  -------------------------- -----
-

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

--- -
  -------------------------- ----
-

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

--- -
  -------------------------- ---- -----
-

注意事项

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

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


上一篇:CSS 属性 border-bottom-color
下一篇:CSS 属性 border-bottom-right-radius