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

文章作者: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顾名思义,它主要是用来设置控件的边框颜色。

用法举例:

1
<input type="button" value="123" id="test" class="btn" style="color: blue;background-color: blue;border-color: blue"/>
如果有收获,可以请我喝杯咖啡!