DIV布局实现效果

登录

<!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>无标题文档</title>
<style type="text/css">
body {
font-family: "宋体";
font-size: 18px;
margin: 0px auto;
}
#box{margin-left:100px;}
#productMenu{float:left;}
#guanggao02{float:left;}
#newGoods{float:left;}
#recomArea{float:left;}
#guanggao03{float:left;}
</style>
</head>

<body>
<div id="box">
<div id="biaotilan"><img src="images/11_01.gif" width="1097" height="56" /></div>
<div id="daohanglan"><img src="images/11_02.gif" width="1097" height="59" /></div>
<div id="guanggao01"><img src="images/11_03.gif" width="1097" height="101" /></div>
      <div id="productMenu"><img src="images/11_04.gif" width="310" height="729" /></div>
      <div id="guanggao02"><img src="images/11_05.gif" width="246" height="327" /></div>
      <div id="newGoods"><img src="images/11_06.gif" width="541" height="327" /></div>
      <div id="specGoods"><img src="images/11_07.gif" width="787" height="432" /></div>
      <div id="recomArea">
         <div><img src="images/11_08.gif" width="310" height="154" /></div>
         <div><img src="images/11_10.gif" width="310" height="269" /></div>
         <div><img src="images/11_11.gif" width="310" height="244" /></div>
         <div><img src="images/11_13.gif" width="310" height="356" /></div>
      </div>
      <div id="guanggao03"><img src="images/11_09.gif" width="787" height="393" /></div>
      <div id="popgoodsArea"><img src="images/11_12.gif" width="787" height="600" /></div>
<div id="guanggao05"><img src="images/11_14.gif" width="1097" height="146" /></div>
<div id="serArea"><img src="images/11_15.gif" width="1097" height="270" /></div>
<div id="copyrightArea"><img src="images/11_16.gif" width="1097" height="125" /></div>
</div>
</body>

</html>

[作业] DIV布局实现效果

本帖子中包含更多资源

共0个回复最后回复于 2018-11-4 10:42

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] DIV布局实现效果

本帖子中包含更多资源

共0个回复 最后回复于 2018-11-4 10:42

共0个回复最后回复于 2018-11-4 10:42