论坛

标题: 为何用CSS定义的Div标签做出来的网站效果图为什么一边会... [打印本页]

作者: 学三郎 时间: 2015-10-7 13:12
标题: 为何用CSS定义的Div标签做出来的网站效果图为什么一边会...
为何用CSS定义的Div标签做出来的网站效果图为什么一边会有黑色边框
file:///C:\Users\长古\Documents\Tencent Files\943618558\Image\C2C\C5D%3{LSN5AZ7]GBN]M$$8D.jpg
file:///C:\Users\长古\Documents\Tencent Files\943618558\Image\C2C\OAGKXT7DXY00J}YFJ]`M(`6.png

作者: yuanxi52028 时间: 2015-10-8 09:54
我看你DW视图里好像也是有黑边
这可能有多种情况
有可能你切的图片就有黑边；
有可能样式有写黑边；
也有可能有个黑色线背景；
等等。

具体是什么问题引起的，你方便发一下全部代码出来看看么！

作者: 学三郎 时间: 2015-10-9 22:00

yuanxi52028 发表于 2015-10-8 09:54
我看你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">
body {
font-family: "宋体";
font-size: 18px;
margin: 0px auto;
}
#box {
height: 2509px;
width: 1097px;
margin: 0px auto;
}
#box_1 {
height: 58px;
width: 1097px;
margin: 0px auto;
}
#box_2 {
height: 60px;
width: 1097px;
margin:0px auto;
}
#box_3 {
height: 103px;
width: 1097px;
margin: 0px auto;
}
#box_4 {
float: left;
height: 1752px;
width: 314px;
}
#box_5 {
float: left;
height: 321px;
width: 242px;
}
#box_6 {
float: left;
height: 321px;
width: 541px;
}
#box_7 {
float: left;
height: 433px;
width: 783px;
}
#box_8 {
float: left;
height: 391px;
width: 783px;
}
#box_9 {
float: left;
height: 607px;
width: 783px;
}
#box_10 {
height: 149px;
width: 1097px;
float: left;
}
#box_11 {
float: left;
height: 267px;
width: 1097px;
}
#box_12 {
float: left;
height: 125px;
width: 1097px;
}
</style>
</head>

<body>
<div id="box">
<div id="box_1"><img src="im/标题栏.jpg" width="1097" height="58" /></div>
<div id="box_2"><img src="im/导航区.jpg" width="1097" height="59" /></div>
<div id="box_3"><img src="im/广告搜索区.jpg" width="1097" height="100" /></div>
<div id="box_4"><img src="im/分类区.jpg" width="313" height="735" /><img src="im/1_08.jpg" width="313" height="153" /><img src="im/1_10.jpg" width="313" height="267" /><img src="im/1_11.jpg" width="313" height="238" /><img src="im/1_13.jpg" width="313" height="359" /></div>
<div id="box_5"><img src="im/广告区1.jpg" width="242" height="321" /></div>
<div id="box_6"><img src="im/新品区.jpg" width="542" height="321" /></div>
<div id="box_7"><img src="im/特供区.jpg" width="784" height="443" /></div>
<div id="box_8"><img src="im/推荐区.jpg" width="784" height="391" /></div>
<div id="box_9"><img src="im/人气产品区.jpg" width="784" height="597" /></div>
<div id="box_10"><img src="im/广告区2.jpg" width="1097" height="149" /></div>
<div id="box_11"><img src="im/售后服务区.jpg" width="1097" height="267" /></div>
<div id="box_12"><img src="im/版权信息.jpg" width="1097" height="124" /></div>
</div>
</body>
</html>

作者: yuanxi52028 时间: 2015-10-10 15:48
代码没问题
你发一下这四张图来看看
标题栏.jpg
导航区.jpg
广告搜索区.jpg
分类区.jpg

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