网页

weixin_45064416 2019-06-14 07:13:28

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>112</title> <style type="text/css"> #containter{;margin:auto;width:1003px;height:530px;background:#FFF;border-style: solid;} #header{margin-top:7px;width:1003px;height:32px;background:#000;} #header-left{float:left;width:20%;height:32px;background:#F00;text-align: center;} #header-right{float:left;width:80%;height:32px;background:;} #footer{width:1003px;height:500px;background:#FFF;border-width:247px;margin-top:7px;} #footer-left{width:25%;height:500px;background:#FFF;background-image:url("8-1.jpg");background-repeat:no-repeat;float:left;} #footer-right{width:75%;height: 500px;background:#FFF;float:left;border:0.01px solid red;} #left-up{margin-left:44px;width:210px;height:220px;background:#FFF;background-image:url("8-1a.jpg");background-repeat:no-repeat; border:none;float:left;} #center-up{width:220px;height:220px;background:#FFF;background-image:url("8-1d.jpg");background-repeat:no-repeat;float:left; border:none;} #right-up{width:220px;height:220px;background:#FFF;background-image:url("8-1e.jpg");background-repeat:no-repeat;float:left; border:none;} #left-down{margin-left:40px;margin-top:30px;width:220px;height:220px;background:#FFF;background-image:url("8-1c.jpg");background-repeat:no-repeat;float:left; border:none;} #center-down{margin-top:30px;width:220px;height:220px;background:#FFF;background-image:url("phone2.jpg");background-repeat:no-repeat;float:left; border:none;} #right-down{margin-top:30px;width:220px;height:220px;background:#FFF;background-image:url("phone3.jpg");background-repeat:no-repeat;float:left; border:none;} ul li{height:32px;list-style: none;float: left;display: inline;font: 1.5em Arial, Helvetica, sans-serif;} </style> </head> <body> <div id="containter" class=""> <div id="header" class=""＞ <div id="header-left" class="">j精品手机</div> <div id="" class=""> <ul> <li><a href=" ">手机电源</a ></li> <li><a href="#">耳机音响</a ></li> <li><a href="#">保护隔膜</a ></li> <li><a href="#">储存/自拍杆</a ></li> </ul> </div> </div> <div id="footer" class=""> <div id="footer-left" class=""></div> <div id="footer-right" class=""> <div id="left-up" class="">小米三移动/联通/全网通</div> <div id="center-up" class=""></div> <div id="right-up" class=""></div> <div id="left-down" class=""></div> <div id="center-down" class=""></div> <div id="right-down" class=""></div> </div> </div> </body> 朋友们为什么我小米手机那些字没在图片的下面啊怎么调啊，除了加div，不要用div怎么调？还有还要还什么的