<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>仙岛</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#main {
width: 802px;
height: 1000px;
padding-top: 60px;
margin: 0 auto;
}
#MyHead {
width: 800px;
height: 306px;
background: url(images/top_bg.jpg) no-repeat left;
}
#MyHead img {
position: relative;
top: 30px;
left: 10px;
}
#MyHead ul li {
list-style: none;
float: left;
margin-left:20px;
}
#MyHead ul {
margin-left: 300px;
}
#MyBody {
width: 800px;
height: 400px;
background: url(images/Sever_bg.jpg) no-repeat left 10px;
}
#MyBody ul li {
list-style: none;
display: block;
line-height:26px;
}
#MyBody ul {
margin-top: 77px;
margin-left: 50px;
}
.box1 {
width: 200px;
height: 300px;
float: left;
}
.box2 {
float: right;
width: 596px;
height: 302px;
}
.box2 strong {
line-height: 20px;
font-size: 15px;
text-align: center;
}
.box2 pre {
padding-left: 20px;
}
hr {
width: 700px;
margin: 0 auto;
}
#MyButtom {
width: 802px;
height: 100px;
background: url(images/logo.png) no-repeat 50px center;
}
#MyButtom p {
position: relative;
top: 38px;
left:210px;
}
.box2 {
text-indent: 20px;
}
</style>
</head>
<body>
<div id="main">
<!-- 头部 -->
<div id="MyHead">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/logo.png">
<ul>
<li><strong>仙岛首页</strong></li>
<li><strong>仙岛风光</strong></li>
<li><strong>仙岛简介</strong></li>
<li><strong>仙岛服务</strong></li>
<li><strong>联系我们</strong></li>
</ul>
</div>
<!-- 头部 -->
<!-- 身体 -->
<div id="MyBody">
<div class="box1">
<ul>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">仙岛传奇</li>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">旅游路线</li>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">交通租车</li>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">酒店住宿</li>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">美食餐厅</li>
<li><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/ico.jpg">美食餐厅</li>
</ul>
</div>
<div class="box2"><p><strong>
神仙岛原名太平岛。位于太平洋中部，距陆地3000公里，它是传说之中的美
丽神圣之岛，面积30公顷，由4个头组成。</strong></p>
<p><strong> 六十年代始进行开发，期间不断的对岛屿进行美化建设，并进行了几次大规
则的改造，现在神仙岛已成为游客胜地，平均每天达到5000人次。当地风俗独
特，而且居民热情好客，深受游客的喜欢。</strong></p>
<p><strong>神仙岛主要风景有神仙洞、神仙坛、神仙屋等。其中神仙洞是神仙修炼的地
方，洞深1000米，洞内摆有各路神仙，奇形怪异，让人看了不仅为之感叹;神仙坛
顷，威震天下。神仙屋，神仙吃饭交友的地方，游客也从中可以观看到一些神仙
交友的过程以及品尝神仙吃过的东西，那是一种相当美味的食物，只能只因天上
有，人间难得几回闻。欣赏完这些风景之后，还有许多好吃好玩的场所。1985年
修建的游乐园，各种刺激、休闲的游乐项目，符合各种人群的朋友。当地特色小
吃，正宗口味，让你吃个够，吃个爽。它的独特，它的美丽，让来了的游客不相
走，让来过的游客回味无穷。</strong></p>
<strong><p>还在等什么呢？ 神仙岛欢迎你的到来。</strong></p></div>
</div>
<!-- 身体 -->
<hr>
<!-- 底部 -->
<div id="MyButtom">
<p>版权所有：yyh<br>copyright@2009 yyh all rights reserved.</p>
</div>
<!-- 底部 -->
</div>
</body>
</html>點擊查看更多內容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優(yōu)質文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦