问答详情
源自:12-10 我想脚下踩条线 - 使用border为盒子添加边框(二)

关于边框颜色

如果分别给四面都加边框的情况是:中间两行颜色要重一点...,.. 值用border写的结果也一样。。 该怎么协调?

提问者:阳光与海 2016-11-22 21:24

个回答

  • 吾乃小白
    2016-11-22 21:35:26

    <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>