Bootstrap中的color,bgcolor,background-clor,border-color

2019-05-25 23:39:58 浏览数 (1)

版权声明:博客文章都是作者辛苦整理的,转载请注明出处,谢谢! https://cloud.tencent.com/developer/article/1434145

文章作者:Tyan

博客:noahsnail.com | CSDN | 简书

Bootstrap中的控件都已经设置了CSS样式,但有时我们需要修改控件的一些值,可以通过在控件中添加style来覆盖Bootstrap已有控件的一些特性。style在颜色控制方面有许多,这里主要说一下color,bgcolor,background-color,border-color的区别。

  • color

style中的color是用来设置字体颜色的。

  • background-color

style中的background-color是用来设置控件的背景色的,它是CSS中的属性。可以缩写为background

  • bgcolor

bgcolor是html中的属性,从HTML4起,W3C为了支持CSS中的background-color属性已经废弃了bgcolor。因此以后不要用bgcolor了。

  • border-color

border-color顾名思义,它主要是用来设置控件的边框颜色。

用法举例:

代码语言:javascript复制
<input type="button" value="123" id="test" class="btn" style="color: blue;background-color: blue;border-color: blue"/>

0 人点赞