Maison > Article > interface Web > css背景颜色设置后不变色_html/css_WEB-ITnose
<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>
.aboutus LI 的float属性导致的。
可以给mainaboutus元素添加Float:left属性,或者固定高度(height:300px)。
或者,在ul class="aboutus"后面添加