🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## border-bottom-left-radius 属性 border-bottom-left-radius 属性定义左下角边框的形状。 提示:该属性允许您向元素添加圆角边框。 JavaScript 语法:object.style.borderBottomLeftRadius="5px" ## 语法 ~~~ border-bottom-left-radius: length|% [length|%]; ~~~ **注释**:border-bottom-left-radius 属性的长度值和百分比值定义四分之一椭圆(定义外部边框边缘的边角形状)的半径(radii)。第一个值是水平半径,第二个值是垂直半径。如果省略第二个值,则复制第一个值。如果长度为零,则边角为方形,而不是圆形。水平半径的百分比值参考边框盒的宽度,而垂直半径的百分比值参考边框盒的高度。 | 值 | 描述 | 测试 | | --- | --- | --- | | *length* | 定义左下角的形状。 | [测试](https://www.w3cschool.cn/tryrun/showhtml/css_border-bottom-left-radius) | | *%* | 以百分比值定义左下角的形状。 | [测试](https://www.w3cschool.cn/tryrun/showhtml/css_border-bottom-left-radiuspercent) | ## 实例 ~~~ div { border:2px solid; border-bottom-left-radius:2em; } ~~~