Question

好的，所以我在这里（和编程）是全新的，我甚至不确定如果我要问的问题措辞正确或有意义，但现在就可以了。

我正在为客户端制作一个bootstrap主题，我正在尝试更改背景颜色。我不希望页面具有相同的背景颜色。我希望某些行与页面的其余部分具有不同的背景颜色。我怎么能做到这一点？我尝试用我想要的背景颜色为我正在处理的容器添加唯一标签，但无论我做什么，都没有改变。我知道这很简单，我只需要一个简单的解释如何使这项工作！救命！

Answer 1

你有一些选择可以做到这一点。对于div中的背景：你可以这样做：

<head>
  <style>
    body{
      background-color: red;
    }
    .backg1{
      background-color: blue;
      width: 100%;
      padding: 10px;}
    .content{
    background-color: white;
    margin: 10px;
    width: 80%;
    height: 100px;}
</style>


    </head>
    <body>
        <div class="backg1">
            <div class="content">
            </div>
        </div>
    </body>

仅适用于css属性。您需要粘贴代码才能尝试帮助您。

Answer 2

添加class =“bgColor”

喜欢：

<div class="bgColor">
....
</div>

你的css：

.bgColor{
 background: #dadada;
}

Answer 3

在custom_style.css中提供所有样式，您可以在其中添加元素的CSS属性。在你的custom_style.css里面你可以得到你想要的背景颜色。就是这样，它只是CSS的工作。没有其他过程或程序。

考虑#Page 1

    /* Include Bootstrap.css and custom_style.css etc */ 
    <body>
      <div class="container">
        <div id="Web_page_home">
         .............
        </div>
      </div>
    /* include JQuery.js and Bootstrap.js */

考虑#page 2

    /* Include Bootstrap.css and custom_style.css etc */ 
    <body>
      <div class="container">
        <div id="Web_page_about">
         .............
        </div>
      </div>
    /* include JQuery.js and Bootstrap.js */

CSS的工作“Custom_style.css”有

    #Web_page_home { background-color:red; }
    #Web_page_about{ background-color:green; }

输出将为b Page backgorund将b为红色，另一页为2将为绿色。

如果你不明白，我会附上小提琴。

如何更改不同容器和列的背景颜色？

3 个答案: