您现在的位置是: 首页 » 网页代码 » css边框颜色怎么设置
网页代码

css边框颜色怎么设置

网站优化小编十一月 2, 2019 10人已围观

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

网站运营中栏目排名优化技巧

border-color属性设置四条边框的颜色。此属性可设置1到4种颜色。

  • 如果规定一种颜色,比如 table {border-color: red} - 所有的边框都是红色。

  • 如果规定了两种颜色,比如 table {border-color: red green} - 上边框和下边框是红色,而左边框和右边框是绿色。

  • 如果规定了三种颜色,比如 table {border-color: red green blue}- 上边框是红色,左边框和右边框是绿色,下边框是蓝色。

  • 如果规定了四种颜色,比如 table {border-color: red green blue yellow} - 上边框是红色,右边框是绿色,下边框是蓝色,左边框是黄色。

使用border-color属性设置边框颜色示例:

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

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:202天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2595 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们