Maison > interface Web > tutoriel HTML > le corps du texte

css背景颜色设置后不变色_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:16:33
original
2194 Les gens l'ont consulté

    <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>
Copier après la connexion


以上是代码,mainaboutus的背景色为:BACKGROUND:#00FFFF;可以运行后这个颜色没有显示出来,请问是怎么回事?


回复讨论(解决方案)

.aboutus LI 的float属性导致的。
可以给mainaboutus元素添加Float:left属性,或者固定高度(height:300px)。
或者,在ul class="aboutus"后面添加

 其中.clear{clear:both;}
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal