论坛
标题:
DIV布局实现效果
[打印本页]
作者:
小小小溪
时间:
2018-11-4 10:42
标题:
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>[attach]140502[/attach]
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1