论坛
标题:
铛铛网
[打印本页]
作者:
zxrzxr
时间:
2016-1-18 23:16
标题:
铛铛网
<!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: 1095px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_1 {
height: 58px;
width: 1095px;
}
#box_2 {
height: 59px;
width: 1095px;
}
#box_3 {
height: 103px;
width: 1095px;
}
#box_4 {
float: left;
height: 1748px;
width: 311px;
}
#box_5 {
float: left;
height: 323px;
width: 243px;
}
#box_6 {
float: left;
height: 323px;
width: 541px;
}
#box_7 {
float: left;
height: 1425px;
width: 784px;
}
#box_8 {
float:left;
height: 149px;
width: 1095px;
}
#box_9 {
float: left;
height: 267px;
width: 1095px;
}
#box_10 {
float: left;
height: 125px;
width: 1095px;
}
</style>
</head>
<body>
<div id="box" >
<div id="box_1"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_03.gif" width="1095" height="59" /></div>
<div id="box_2"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_02.gif" width="1095" height="58" /></div>
<div id="box_3"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_04.gif" width="1095" height="103" /></div>
<div id="box_4"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_05.gif" width="311" height="726" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_10.gif" width="311" height="153" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_11.gif" width="311" height="269" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_12.gif" width="311" height="244" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_14.gif" width="311" height="356" /></div>
<div id="box_5"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_06.gif" width="243" height="323" /></div>
<div id="box_6"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_07.gif" width="541" height="323" /></div>
<div id="box_7"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_08.gif" width="784" height="402" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_09.gif" width="784" height="423" align="left" /><img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_13.gif" width="784" height="600" align="left" /></div>
<div id="box_8"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_15.gif" width="1095" height="149" /></div>
<div id="box_9"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_16.gif" width="1095" height="267" align="middle" /></div>
<div id="box_10"> <img src="21_网页美工设计入门详解/第二节 裁切网页效果图(sn-21-9)/新建文件夹/images/11_17.gif" width="1095" height="125" /></div>
</div>
</body>
</html>
作者:
yuanxi52028
时间:
2016-1-19 17:40
页面整体显示没问题
有两点要注意一下
第一,写代码最好养成良好的习惯 代码要整洁 标签什么的应该一对一对的
如:
<div>
<div>
<img />
<img />
<img />
<img />
<img />
</div>
</div>
还有,你的img前有空格,会影响兼容性的。
第二,代码里如果不是正文内容,最好别用中文命名,有些浏览器会出现无法显示的情况。
可以用拼音,英文,数字来命名文件和文件夹。
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1