<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网站首页</title> <link rel="stylesheet" href="../css/text.css"> </head> <body> <div class="header"> <h1 class="title">河源万绿湖旅游网-万绿湖</h1> </div> <div class="right"> <tr> <html> <head> <meta content="text/html" charset="UTF-8"> <title>HTML设置图片为页面背景</title> </head> <body background="../../前端5/4.jpg" style="background-repeat:no-repeat; background-attachment:fixed; background-size:150% 150%; "> </body> </html> </tr> </div> <div class="main"> <div class="left"> <div class="main-title"> <h3>万绿湖首页</h3> </div> <ul class="content"> <li><a href="wlg.html">万绿谷</a></li> <li><a href="syw.html">水月湾</a></li> <li><a href="lfd.html">龙凤岛</a></li> <li><a href="jhy.html">镜花缘</a></li> <li><a href="kej.html">客家风情馆</a></li> </ul> <audio src="前端6/music/1.mp3" autoplay="autoplay"></audio> <div class="clear"></div> </div> <div class="center"> <div class="main-title"> <h3>万绿湖简介</h3> </div> <div class="content jianjie"> <img src="../images/1.jpg" class="map" alt=""> <p> 河源市万绿湖风景区，位于广东省河源市东源县境内，距河源市区8千米，距广州200千米，距深圳180千米，是粤港澳大湾区的后花园，因处处是绿，四季皆绿而得名。河源市万绿湖风景区总面积约1600平方千米，其中水域面积370平方千米，蓄水总量139亿立方米，内有360多个绿岛，是全国极少数位于城市边缘的生态旅游区之一。 万绿湖自1995年开发旅游，开发的景点有万绿湖、水月湾、龙凤岛、镜花缘、客家风情馆、万绿谷等。 万绿湖与西双版纳、鼎湖山被人并称为地球北回归线“沙漠腰带上的东三奇”，被称为“珠三角的后花园”，是全国极少数位于城市边缘的生态旅游区之一。 河源市万绿湖风景区曾先后获国家AAAA级旅游区、著名的国家森林公园、国家湿地公园、首批“中国好水”水源地、“中国天然氧吧”、中国最具吸引力的地方、中国自然风光景区顾客满意最具影响力品牌、广东省环境教育基地、广东省著名商标等众多荣誉称号。 </p> <h3>万绿湖景色</h3> <p>万绿湖位于河源市中心，群山环绕。万绿湖的水绿得像洒了绿色染料，清澈见底，能看见沉在下面的鹅卵石，万绿湖就像镶嵌在群山中的绿宝石，在太阳的照耀下，闪闪发光，非常刺眼。一阵微风吹过，湖面上就漾起一圈圈的波纹，好看得很。湖边的大树绿意盎然，树叶长得很茂密，像一把把绿色的伞。枝干的数目不可计数，枝上又生根，有许多根直垂到地上，伸进泥土里。一部分的树枝生到隔壁的树上，好像是亲兄弟一样。在树下呼吸，能闻到清新的大自然气息。沿着湖边，我们走上了其中一座山，继续向前走，山路两旁，许多叫不出名字的花草，长得很漂亮，吸引沿路游客停下来观赏。半山腰有一个山洞，里面有一处滴水的地方，那冰凉的水从山上流下来，像在冰刨室里玩冰。我们把水试喝了一下，还很甜呢！万绿湖的美是自然的，不用人工修理，大自然的力量是无穷的。</p> <div class="center2"> <div class="main-title2"> <h3>万绿湖航拍</h3> <img src="../images/2.jpg" class="map" alt=""> <p>万绿湖的水绿得像洒了绿色染料，清澈见底，能看见沉在下面的鹅卵石，万绿湖就像镶嵌在群山中的绿宝石，在太阳的照耀下，闪闪发光，非常刺眼。一阵微风吹过，湖面上就漾起一圈圈的波纹，好看得很。湖边的大树绿意盎然，树叶长得很茂密，像一把把绿色的伞。枝干的数目不可计数，枝上又生根，有许多根直垂到地上，伸进泥土里。一局部的树枝生到隔壁的树上，好似是亲兄弟一样。在树下呼吸，能闻到清新的大自然气息。 沿着湖边，我们走上了其中一座山，继续向前走，山路两旁，许多叫不知名字的花草，长得很漂亮，吸引沿路游客停下来欣赏。半山腰有一个山洞，里面有一处滴水的地方，那冰凉的水从山上流下来，像在冰刨室里玩冰。我们把水试喝了一下，还很甜呢！ 万绿湖的美是自然的，不用人工修理，大自然的力量是无穷的。</p> </div> </div> <div class="center3"> <div class="main-title3"> <h3>万绿湖日落美景</h3> <img src="../images/3.jpg" class="map" alt=""> <p>当我身临其境时，万绿湖给我的第一感觉好像步入了连绵不断的画卷。那里的水静静的、清清的、绿绿的，一望无际。早上的时候，好像铺上了一层黄金；正午的时候，好像一个巨大的翡翠；日落的时候，好像熊熊火焰；月夜的时候，好像晶莹无暇的白玉。万绿湖水中，生活着品种繁多的鱼。小鱼们成群结队在湖中游来游去，它们的形状千姿百态：有时像千军万马在冲锋，有时像一条巨条在水中游动，有时又像一阵龙卷风…… 万绿湖还有许许多多的小岛相伴。我只去了其中的一个小岛，岛上有各种各样的树木花草，树木长得郁郁葱葱，枝头上长满了五颜六色的花朵，引来了许多蝴蝶和蜜蜂来采蜜。 保护这里是我们的责任，让万绿湖的水变得更绿，山变得更青，天变得更蓝。</p> </div> </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="footer"> <p></p> </div> </body> </html>
css样式
*{ margin: 0; padding: 0; list-style: none; box-sizing: border-box; } body{ background: #f2f2f2; } a{ text-decoration: none; color: #df4b4b; display: block; } h1, p, span{ cursor: default; } img{ border: none; } .box{ max-width: 1200px; margin: 0 auto; border: 2px solid red; } .fl{ float: left; } .fr{ float: right; } .clear{ clear: both; } .header{ width: 100%; height: 60px; line-height: 60px; background: #2567b6; background: linear-gradient(to right, #df4b4b, #ffd2d2); margin-bottom: 20px; } .title{ max-width: 1200px; margin: 0 auto; color: #fff; font-size: 28px; } .banner{ max-width: 1200px; margin: 20px auto; } .banner img{ width: 100%; height: auto; border-radius: 12px; overflow: hidden; } .main{ max-width: 1200px; margin: 0 auto; /* border: 2px solid red; */ } .left{ width: 20%; min-height: 400px; background: #fff; float: left; border-radius: 12px; overflow: hidden; } .center{ width: 80%; float: left; padding: 0 30px; border-radius: 12px; } .right{ width: 20%; float: left; border-radius: 12px; overflow: hidden; } .fj-image{ margin: 10px 0; } .fj-image img{ display: inline-block; width: 200px; height: 180px; margin-right: 5px; } .main-title{ text-align: center; height: 40px; line-height: 40px; color: #fff; background: #df4b4b; border-radius: 12px 12px 0 0; } .content{ background: #fff; } .content li{ height: 60px; line-height: 60px; text-align: center; cursor: pointer; } .content li:hover{ background: #ffd2d2; } .content li:hover a{ color: #fff; } .jianjie{ background: #fff; padding: 10px; } .map{ width: 280px; height: auto; float: left; margin-right: 10px; } p{ text-indent: 2em; font-size: 14px; letter-spacing: 2px; line-height: 1.8; color: #666; } .jianjie h3{ margin: 10px 0; color: #df4b4b; text-align: center; } .gonglue li, .meishi li{ height: 40px; line-height: 40px; font-size: 14px; cursor: default; margin-left: 30px; } ol li{ list-style-type:decimal; } .gonglue li:hover, .meishi li:hover{ color: #df4b4b; } .right-one{ background: #fff; margin-bottom: 20px; overflow: hidden; border-radius: 12px; } .right-two{ background: #fff; } .meishi li{ list-style-type:disc; } .right-two .main-title{ border-radius: 12px 12px 0 0; } .footer{ width: 100%; height: 60px; text-align: center; background: #df4b4b; margin-top: 40px; } .footer p{ line-height: 60px; color: #fff; } .js{ width: 400px; float: left; margin-right: 20px; } .fr{ width: 400px; float: right; margin-left: 20px; } .audios{ width:0px; height:0px; display:block; }
