• 技术文章 >web前端 >前端问答

    css border-bottom-left-radius属性怎么用

    藏色散人藏色散人2019-05-29 10:55:58原创1763
    css border-bottom-left-radius属性用于定义边框左下角的形状,其语法是border-bottom-left-radius: length|% [length|%]。

    大前端成长进阶课程:进入学习

    css border-bottom-left-radius属性怎么用?

    作用:定义边框左下角的形状。

    语法:

    border-bottom-left-radius: length|% [length|%];

    说明:

    length 定义左下角的形状。

    % 以百分比值定义左下角的形状。

    注释:

    border-bottom-left-radius 属性的长度值和百分比值定义四分之一椭圆(定义外部边框边缘的边角形状)的半径(radii)。第一个值是水平半径,第二个值是垂直半径。如果省略第二个值,则复制第一个值。如果长度为零,则边角为方形,而不是圆形。水平半径的百分比值参考边框盒的宽度,而垂直半径的百分比值参考边框盒的高度。

    css border-bottom-left-radius属性使用示例

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    div
    {
    border:2px solid;
    padding:10px;
    background:#dddddd;
    border-bottom-left-radius:2em;
    }
    </style>
    </head>
    <body>
    <div>border-bottom-left-radius 属性允许您向左下角添加圆角边框。</div>
    </body>
    </html>

    效果输出:

    5dd958a91697e8d9d729a84b69fb445.png

    以上就是css border-bottom-left-radius属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:css border-bottom-color属性怎么用? 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• css column-rule-color属性怎么用• css background-origin属性怎么用• css background-size属性怎么用• css border-bottom-color属性怎么用?
    1/1

    PHP中文网