• 技术文章 >web前端 >css教程

    css如何设置边框颜色

    coldplay.xixicoldplay.xixi2021-04-16 15:12:02原创4574

    css设置边框颜色的方法是使用【border-color】属性设置四条边框的颜色,【border-color】属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为4个边分别设置不同的颜色。

    本教程操作环境:windows7系统、css3版,DELL G3电脑。

    css设置边框颜色的方法:

    css可以使用border-color属性设置四条边框的颜色。border-color属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为4个边分别设置不同的颜色。

    css设置边框颜色:

    <html>
    <head>
    <style type="text/css">
    p.one
    {
    border-style: solid;
    border-color: #0000ff
    }
    p.two
    {
    border-style: solid;
    border-color: #ff0000 #0000ff
    }
    p.three
    {
    border-style: solid;
    border-color: #ff0000 #00ff00 #0000ff
    }
    p.four
    {
    border-style: solid;
    border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
    }
    </style>
    </head>
    <body>
    <p class="one">One-colored border!</p>
    <p class="two">Two-colored border!</p>
    <p class="three">Three-colored border!</p>
    <p class="four">Four-colored border!</p>
    <p>
    <b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
    </p>
    </body>
    </html>

    效果图:

    cc4534ab6e74e2d3ad8d0c39cc691b1.png

    以上就是css如何设置边框颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 边框颜色
    上一篇:css的font字体颜色如何设置 下一篇:css字体大小如何设置
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• bootstrap如何给div设置边框颜色• html表格边框颜色怎么设置• css怎么设置div边框颜色• css怎么改变边框颜色
    1/1

    PHP中文网