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

    css中border是什么意思

    青灯夜游青灯夜游2019-05-29 17:09:41原创14435

    css中border是什么意思?有什么用?

    border是边框的意思,它是css的一个简写属性,用于在一个声明设置所有的边框属性。可以设置的边框属性有:边框的宽度、边框的样式、边框的颜色。

    说明:

    可以按顺序设置如下属性:border-width,border-style,border-color。其中

    ● border-width:指定边框的宽度

    ● border-style:指定边框的样式

    ● border-color:指定边框的颜色

    如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

    css border属性的使用示例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style type="text/css">
    p {
      width: 450px;
      margin: 50px 0px;
    }
    .p1 {
    border: medium double rgb(250,0,255)
    }
    .p2 {
    border:2px solid red;
    }
    .p3 {
    border:2px dotted rgb(250,0,255);
    }
    </style>
    </head>
    <body>
    <p class="p1">Some text</p>
    <p class="p2">Some text</p>
    <p class="p3">Some text</p>
    </body>
    </html>

    效果图:

    以上就是css中border是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css border
    上一篇:css text-overflow属性怎么用 下一篇:css transition-delay属性怎么用
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css属性继承有哪些?css中可继承的属性和不可继承属性的总结• css属性有哪些?css常用属性的总结(实例)• 页面中用css属性怎么控制图片自定义浮动?(示例)• 字体加阴影效果怎么用css属性实现?(代码演示)
    1/1

    PHP中文网