为了页面显示方便,我将页面分为top和bottom两部分,利用background-position数值进行背景的定位。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.main{ width:988px; height:671px}
.top1{ width:988px; height:188px;background-image:url(1.jpg); background-repeat:no-repeat; background-position:0px 0px;}
.top2{ width:988px; height:188px;background-image:url(2.jpg); background-repeat:no-repeat; background-position:182px 0px;}
.top3{ width:988px; height:188px;background-image:url(3.jpg); back