CSS背景色未显示在div中_Css_Html_Colors_Background

CSS背景色未显示在div中

css html colors

CSS背景色未显示在div中,css,html,colors,background,Css,Html,Colors,Background,“侧边栏”div的背景色显示在我的dreamweaver设计中，但在浏览器（chrome或IE）中打开时不会显示，查看页面的链接：。它是css代码中“排练”标题下的div，即#侧边栏。任何帮助都将不胜感激，谢谢 <body bgcolor="#848484"> <div class="wholepage"> <div class="tophalf"> <div class="logoimg"></div> <div cla

“侧边栏”div的背景色显示在我的dreamweaver设计中，但在浏览器（chrome或IE）中打开时不会显示，查看页面的链接：。它是css代码中“排练”标题下的div，即#侧边栏。任何帮助都将不胜感激，谢谢

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

HTML

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

在#侧菜单中更改此属性值：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

background-color: #black;

使用此属性值：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

background-color: black;

我希望这将对您有所帮助

在#侧菜单中更改此属性值：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

background-color: #black;

使用此属性值：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

background-color: black;

我希望这将对您有所帮助

这可能不是问题，尽管

黑色

和

白色

不是十六进制单位，但如果您想要十六进制，这里有两个十六进制代码：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

黑色：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

#000

或

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

白色：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

#fff

或

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

这可能不是问题所在，尽管

黑色

和

白色

不是十六进制单位，但如果您想要十六进制，这里有两个十六进制代码：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

黑色：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

#000

或

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

白色：

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

#fff

或

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>

只要换上这个，它就可以正常工作了。如果使用，则需要十六进制代码#

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>


#副菜单{
边框：1px纯白；
浮动：左；
高度：698px；
宽度：163px；
背景：#000000；
}

只要更换这个，它就会正常工作。如果使用，则需要十六进制代码#

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

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

</body>
</html>


#副菜单{
边框：1px纯白；
浮动：左；
高度：698px；
宽度：163px；
背景：#000000；
}