<!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>test</title>
<style>
*{ font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
a{ text-decoration:none;}
#lantern{ cursor:default; width:100%; height:4535px; background:url(images/lantern/lantern_1.jpg) no-repeat center 0 #ffffff;}
.lantern_body{ margin:0 auto; width:1322px; height:3900px;}
.lantern_body div{ width:1322px; position:relative;}
.lantern_body .one{ height:450px; background:url(images/lantern/lantern_2.jpg) no-repeat;}
.lantern_body .one a{ width:180px; height:50px; top:200px; right:43px; display:inline-block; position:absolute;}
.lantern_body .two{ height:524px; background:url(images/lantern/lantern_3.jpg) no-repeat;}
.lantern_body .three{ height:657px; background:url(images/lantern/lantern_4.jpg) no-repeat;}
.lantern_body .four{ height:657px; background:url(images/lantern/lantern_5.jpg) no-repeat;}
.lantern_body .five{ height:657px; background:url(images/lantern/lantern_6.jpg) no-repeat;}
.lantern_body .six{ height:829px; background:url(images/lantern/lantern_7.jpg) no-repeat;}
.lantern_body .eight{ height:761px; background:url(images/lantern/lantern_8.jpg) no-repeat;}
</style>
</style>
</head>
<body>
<div id="lantern">
<div class="lantern_body">
<div class="one"><a title="返回官网" href="#"></a></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>
<div class="eight"></div>
</div>
</div>
</body>
</html>
简单活动页面布局
最新推荐文章于 2023-03-06 00:05:58 发布