效果图：
HTML：
<!DOCTYPE html>
<html>
<head>
<title>说旅游</title>
<meta charset=utf-8/>
<style type="text/css">
.one{text-align:right}
.two{text-align:center;font-size:30px;color:orange;}
.three{font-size:40px;}
.four{font-size:10px;color:#CCC}
.five{font-size:15px;}
.six{text-align:center;font-size:10px;color:#CCC;}
.seven{color:green;}
.eight{color:orange;}
.nine{color:blue;}
.ten{color:black;}
.eleven{font-size:20px;}
</style>
</head>
<body>
<div style="width:980px;height:2000px;margin:0 auto;">
<!--以下是头部模块-->
<div style="height:60px;">
<img src="images/logo.png"align="left"/>
<p class="one">旅游首页  |  登录  |  注册</p>
</div>
<hr color="#CCC">
<!--以下是介绍模块-->
<div style="height:450px;">
<img src="images/banner1.jpg"align="left"hspace="10"/>
<p class="two">
<strong>说<font class="three">旅</font>游</strong>
</p>
<p>    伊露岛（Iru Fushi）位于马尔代夫北部环礁——诺鲁环礁（Noonu Atoll）中，它是一座拥有醉人景色和浪漫气氛的小岛。
晶莹的海水、绵白的沙滩、明媚的阳光、温馨的海边小屋、浪漫的海上落日。所有的一切似乎都为浪漫而存在，美丽而遗世独立。</p>
<p>最佳旅游时间：<u><font class="seven"><i><b>1月-12月</b></i></font></u>，热带海洋气候，全年皆适合旅游。<u><font class="seven"><i><b>12月至次年4月</b></i></font></u>可避开高峰。</p>
<p>伊露岛沙滩屋的构造很独特，彻底的南亚风情——雪白的圆形房子，尖尖的茅草屋顶，木质的框<u><font class="eight"><i><b>......[详细]</b></i></font></u></p>
</div>
<!--以下是推荐模块-->
<div style="height:620px;">
<p class="eleven"><b>马尔代夫伊露岛：“伊露”上有你真好</b></p>
<p class="four"><i>2015.04.21 来源：一日游驴友群-老牛</i></p>
<hr color="#CCC">
        伊露岛沙滩屋的构造很独特，彻底的南亚风情。雪白的圆形的房子，尖尖的茅草屋顶，木质的框架，朴实的外表里面却十分的豪华，
从卧室转到后面有一个很大的半露天花园，里面有只超大的按摩浴缸和露天的淋浴台，洗好澡穿上睡袍躺在这里拿本书，心情彻底放松。<br/><br/>
<img src="images/banner2.jpg"align="center"hspace="20"/>
</div>
<!--以下是评论模块-->
<div style="height:300px;">
<img src="images/icon.gif"align="left"hspace="10"/><br/>
<hr color="#CCC">
<img src="images/person1.jpg"align="left"hspace="10"/>
<font class="four"><font class="eight">HXZ9_ITC</font>    2015-4-2 15:38:37</font><br/>
<font class="five">第一次用途牛，太让我们惊喜了！真的很不错，行程安排的也很好！幸运的是，往返飞机都没有延误！伊露岛的美，让我们的蜜月越发美满！</font><br/>
<font class="four"><font class="eight">来自：一日游驴友 www.yiriyou.com</font></font><br/>
<hr color="#CCC">
<img src="images/person2.jpg"align="left"hspace="10"/>
<font class="four"><font class="eight">外星人 </font> 2015-3-2 15:05:37</font><br/>
<font class="five">岛还可以，就是沙屋有虫子，不太让人满意，水屋确实挺棒的。饭嘛，国外基本都那样吧，海鲜还行。</font><br/>
<font class="four"><font class="eight">来自：一日游驴友 www.yiriyou.com</font></font><br/>
<hr color="#CCC">
<img src="images/person3.jpg"align="left"hspace="10"/>
<font class="four"><font class="eight">so_cool</font> 2015-2-14 10:38:36</font><br/>
<font class="five">行程安排挺好的，挺喜欢伊露岛，岛上的人很热情，手机丢了小黑给找回来了，都很热情，会主动跟你招呼！</font><br/>
<font class="four"><font class="eight">来自：一日游驴友 www.yiriyou.com</font></font><br/>
<hr color="#CCC">
</div>
<!--以下是页脚模块-->
<div style="height:100px;" class="six">
<font class="nine">一日游网友意见留言板        <font class="ten">电话：000-1234567</font>        欢迎批评指正<br/>
<br/>
公司简介 | About YIRIYOU| 广告服务 | 联系我们 | 招聘信息 | 网站律师 | YIRIYOU English | 注册 | 产品答疑<br/>
<br/>
<font class="ten">Copyright © 1996 - 2016 YIRIYOU.coright All Rights Reserved</font><br/>
<br/>
一日游公司 版权所有
</font>
</div>
</div>
</body>
</html>
images：
1289
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
