论坛

标题: dw中 [打印本页]

作者: zxrzxr 时间: 2016-1-18 20:27
标题: dw中
<!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">
#box {width: 1003px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_1 {
height: 74px;
width: 1003px;
}
#box_2 {
height: 362px;
width: 1003px;

}
#box_3 {

float: left;
height: 529px;
width: 184px;
}
#box_4 {

float: left;
height: 529px;
width: 819px;
}

#box_5 {

float: left;
height: 31px;
width: 1003px;
}
#box_6 {

float: left;
height: 70px;
width: 1003px;
}

body {
margin-left: 10px;
}
</style>
</head>

<body>
<div id="box">

<div id="box_1" ><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_01.gif" width="1003" height="73" /></div>
<div id="box_2" ><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_02.gif" width="1003" height="363" /></div>
<div id="box_3" >
  <div align="center"><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_03.gif" width="183" height="293" /><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/images/商务网站二级页面_08_06.gif" width="177" height="229" align="absbottom" " /></div>
</div>
<div id="box_4" ><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_04.gif" width="820" height="529"/></div>
<div id="box_5"><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_06.gif" width="1003" height="31" /></div>
<div id="box_6"><img src="21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/images/商务网站二级页面_07.gif" width="1003" height="70" /></div>
</div>

</body>
</html>

作者: xm10421396 时间: 2016-1-19 17:04
操作没有什么问题，两个小标题里面的更多注意要对齐，下面的div代码可以写的更工整一点，继续加油~~

欢迎光临论坛 (http://bbs.qinxue.com/)