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

    div圆角属性是css3新增属性吗

    长期闲置长期闲置2022-01-24 11:56:25原创93

    在css3中,div的圆角属性“border-radius”是css3的新增属性,该属性是一个简写属性,用于设置四个角的圆角样式,语法为“border-radius:左上角圆角值 右上角圆角值 右下角圆角值 左下角圆角值;”。

    本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

    div圆角属性是css3新增属性吗

    div的圆角属性是border-radius,是css3的新增属性。

    border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。

    提示:该属性允许您为元素添加圆角边框!

    语法为;

    border-radius: 1-4 length|% / 1-4 length|%;

    注释:按此顺序设置每个 radii 的四个值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如果省略 top-right,则与 top-left 相同。

    属性可能的值如下:

    14.png

    示例如下:

    <html>
    <head>
    <style> 
    div
    {
    text-align:center;
    border:2px solid #a1a1a1;
    padding:10px 40px; 
    background:#dddddd;
    width:350px;
    border-radius:25px;
    -moz-border-radius:25px; /* 老的 Firefox */
    }
    </style>
    </head>
    <body>
    <div>border-radius 属性允许您向元素添加圆角。</div>
    </body>
    </html>

    输出结果:

    15.png

    (学习视频分享:css视频教程

    以上就是div圆角属性是css3新增属性吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css3新增长度单位的使用方法是什么 下一篇:css3怎样实现立体翻转效果

    相关文章推荐

    • 如何将css文件设置为utf-8• 手把手教你使用CSS制作动态饼图(附代码)• 一文详解如何css实现动态弧形线条长短变化的Loading动画• css3怎样实现添加阴影

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网