简单活动页面布局

最新推荐文章于 2023-03-06 00:05:58 发布

iziminy

最新推荐文章于 2023-03-06 00:05:58 发布

阅读量707

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/zimin1985/article/details/19041079

版权

HTML/CSS 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!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>

iziminy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单活动页面布局

test*{ 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;} fi
复制链接

扫一扫

专栏目录