css背景颜色设置后不变色,该如何处理
css背景颜色设置后不变色
以上是代码,mainaboutus的背景色为:BACKGROUND:#00FFFF;可以运行后这个颜色没有显示出来,请问是怎么回事?
------解决思路----------------------
.aboutus LI 的float属性导致的。
可以给mainaboutus元素添加Float:left属性,或者固定高度(height:300px)。
或者,在ul class="aboutus"</ul>后面添加<div class="clear"></div> 其中.clear{clear:both;}
<style type="text/css">
#mainaboutus {
BACKGROUND:#00FFFF;MARGIN: 75px auto; WIDTH: 1000px; HEIGHT: auto
}
.aboutus {
WIDTH: 1000px
}
.aboutus LI {
WIDTH: 250px; FLOAT: left
}
.aboutus LI A {
TEXT-INDENT: -998em; MARGIN: 0px auto; WIDTH: 150px; DISPLAY: block; HEIGHT: 150px
}
.aboutus LI .a1 {
BACKGROUND: url(../img/oto.gif) no-repeat left bottom
}
.aboutus LI .a2 {
BACKGROUND: url(../img/peixun.gif) no-repeat left bottom
}
.aboutus LI .a1:hover {
BACKGROUND: url(../img/oto.gif) no-repeat left top
}
.aboutus LI .a2:hover {
BACKGROUND: url(../img/peixun.gif) no-repeat left top
}
.aboutus LI H2 {
TEXT-ALIGN: center; LINE-HEIGHT: 54px; WIDTH: 250px; HEIGHT: 54px
}
.aboutus LI P {
TEXT-ALIGN: center; LINE-HEIGHT: 18px; MARGIN: 0px auto; WIDTH: 230px; HEIGHT: 72px; COLOR: #3f3f3f; FONT-SIZE: 12px
}
</style>
<DIV style="MARGIN-TOP: 60px" id="mainaboutus">
<UL class="aboutus" >
<LI><A class=a3>微信营销软件</A>
<H2>微信运营支持</H2>
<P>微信公众平台定位策划,微信公众平台托管,品牌微信公众账号代运营。</P></LI>
<LI><A class=a4>手机App软件</A>
<H2>软件高端定制</H2>
<P>HTML5小游戏定制开发,微信营销游戏开发,微信应用定制开发,微信公共平台管理系统定制开发,服务好、企业号定制开发。
</P></LI></UL></DIV>
以上是代码,mainaboutus的背景色为:BACKGROUND:#00FFFF;可以运行后这个颜色没有显示出来,请问是怎么回事?
------解决思路----------------------
.aboutus LI 的float属性导致的。
可以给mainaboutus元素添加Float:left属性,或者固定高度(height:300px)。
或者,在ul class="aboutus"</ul>后面添加<div class="clear"></div> 其中.clear{clear:both;}