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

    css中怎么设置table边框的颜色

    VV2021-06-08 15:56:57原创98

    css中设置table边框颜色的方法是,给table边框添加border-color属性,并且根据需要设置table边框的颜色即可,例如【border-color:#ff0000 #0000ff;】。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    在工作中我们常常需要修改table边框的颜色,那么在css中我们该如何来实现这一效果呢?其实非常简单,下面就让我们一起来看看吧。

    使用属性:

    border-color属性设置一个元素的四个边框颜色。

    属性值:

    代码示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title></title>
    <style>
    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>
    </body>
    </html>

    运行结果如图所示:

    00a9038b68756da58e2916a04a447f6.png

    相关视频分享:css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css table 边框 颜色
    上一篇:css3怎么将滚动条隐藏 下一篇:css怎么将文本框设置为只读
    第16期线上培训班

    相关文章推荐

    • javascript怎么删除table表格• html中table边框颜色怎么设置• HTML怎么设置table宽度• php正则替换table怎么实现

    全部评论我要评论

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

    PHP中文网