如何为div标签添加css背景色

我想为div标记添加背景色。我引用了一些代码，但我没有帮助我添加背景色。现在div标记显示为空白。我想在div标签中添加背景色。我不知道我做错了什么。

 html
   <body>
    <div class="main"> 
       <div class="header">
       </div>  <!-- end of header div -->
    </div>      <!-- end of main div  -->
   </body>   
 css
     @charset "utf-8";
     body {
     margin:0;
     padding:0;
     width:100%;
     font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
    }
    html {
     padding:0;
      margin:0;
    }
   div { width: 100%; }
  .header
    {
    margin:0;
    padding:0;
    width:100%;
    background-color:#15317E;
   }

您必须为.header指定一个高度。除非div中有内容，否则它将自动设置为0。

您必须在div中包含一些内容，否则它意味着空。你可以试试

min-height

在css中总是有一些最小高度。给div指定样式是不可取的，请为其使用一些类！

您的代码没有任何问题。只是你的div没有任何内容，所以高度是0，你看不到背景颜色是正常的。

添加到您的：

<div class="header">
</div>

这是因为在"Header"div中没有键入任何内容。一旦有文本，背景就会显示，此时div为空。

最简单。。。添加一个空格作为页眉的填充，直到它包含其他内容为止。

<div class="header">&nbsp;

将背景颜色更改为仅背景

相关内容

最新更新

热门标签：