如何更改bootstrap html文件某些部分的背景颜色?

时间:2014-12-29 21:59:30

标签: html css twitter-bootstrap

我正在写一个由几个块组成的长html文件。我想改变一些块的背景颜色。我该怎么做呢?我想添加这样的代码:

<style type="text/css">
   body { background: navy; }
</style>

然而,它将改变所有背景。那么我该如何改变几个部分的背景颜色呢?谢谢!

3 个答案:

答案 0 :(得分:3)

为块命名,例如

<div class="name">content</div>

之后,转到 css 文件并写入

.name {background-color:#eee}

答案 1 :(得分:2)

默认情况下,如果你在身体上涂上颜色,那么你的块(div或部分)将没有颜色属性&#34;通过&#34;他们背后的颜色。由于国定假日建议你可以在div中添加一个类并定位它们。

&#13;
&#13;
.sample {
  background-color: magenta;
}
body {
  background-color: cyan;
}
&#13;
<body>
  <div class="sample">
    I've added color to the background of this div through class targeting in css.
  </div>
  <div class="somethingElse">
    This would have the body color because I'm not applying a style to it.
  </div>
</body>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您必须在css文件中创建一个特殊的类,声明所需的属性,然后将它们传递给HTML文档中的元素。 它是一个非常基础,我强烈建议您在继续之前至少参加基础课程 - http://www.w3schools.com/css/-。祝你好运。