<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<!-- 引入css样式 -->
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部部分 一个大div 装两个小的div -->
<div class="header">
<!-- 放语言 -->
<div class="language">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li>9℃～15℃</li>
</ul>
</div>
<!-- 导航条部分 -->
<div class="nav">
<ul>
<li>
<a href="./index.html">首页</a>
</li>
<li>
<a href="./tourMsg.html">旅游资讯</a>
</li>
<li>
<a href="./area.html">景区</a>
</li>
<li>
<a href="./line.html">线路</a>
</li>
<li>
<a href="#">美食</a>
</li>
<li>
<a href="#">酒店</a>
</li>
<li>
<a href="#">购物</a>
</li>
<li>
<a href="#">交通</a>
</li>
<li>
<a href="#">演出</a>
</li>
</ul>
<!-- banner图部分 -->
<div class="banner">
</div>
</div>
</div>
<div class="continer">
<!-- 版心的最上面部分 -->
<div class="top1">
<!-- 左 -->
<div class="left">
<h2>旅游</h2>
<ul>
<li>节庆活动</li>
<li>会议展览</li>
<li>旅游攻略</li>
<li>旅游贴士</li>
<li>图片</li>
<li>视频</li>
</ul>
</div>
<!-- 中间 -->
<div class="center"></div>
<!-- 右边 -->
<div class="right">
<!-- -->
<div class="news">
<span class="news_left">最新资讯</span>
<span class="news_right">
<a href="#">更多资讯></a>
</span>
</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</div>
</div>
<div class="top2">
<div class="top2Left">
<div class="top">
<span class="title">
精品线路
</span>
</span>
</div>
<div class="bottom">
<div class="bottomLeft">
<div class="world">
<p class="title">
<em>01</em>
万国建筑世遗之旅
</p>
<p>荟萃了上千座中西合璧、 风格各异的中外建筑</p>
</div>
<img id="jt" src="./img/trip_arrow_down.png" alt="">
<div class="pic">
</div>
</div>
<div class="boittomRight">
<div class="item">
<img src="img/hsd.jpeg" alt="">
<div class="itemRight">
<h3>
<em>02</em>
</h3>
<p>鼓浪屿犹如一张美丽的画卷展现在眼前，美不胜收</p>
</div>
</div>
<div class="item">
<img src="img/sjd.jpeg" alt="">
<div class="itemRight">
<h3>
<em>03</em>
</h3>
<p>设计博采中西文化之长，堪称中西合璧之经典</p>
</div>
</div>
<div class="item">
<img src="img/36022f1a09174c25867be8d76af0ccdb.jpeg" alt="">
<div class="itemRight">
<h3>
<em>04</em>
街巷寻味、体旅研学
</h3>
<p>六大精品运动休闲旅游线路，带你玩转暖冬思明</p>
</div>
</div>
</div>
</div>
</div>
<!-- 第二天--- -->
<div class="top2Right">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
<!-- 版心的第三部分 -->
<div class="top3">
<h1 class="guide">旅游向导</h1>
<div class="area">
<div class="item">
<span>景区</span>
<img src="img/travel_guider_p001.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>线路</span>
<img src="img/travel_guider_p002.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教遗产古迹</li>
</ul>
</div>
<div class="item">
<span>美食</span>
<img src="img/travel_guider_p003.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>酒店</span>
<img src="img/travel_guider_p004.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
<li>厦门新24景</li>
<li>主题乐园</li>
<li>文博科教</li>
<li>遗产古迹</li>
</ul>
</div>
<div class="item">
<span>购物</span>
<img src="img/travel_guider_p005.jpeg" alt="">
<ul>
<li>5A级景区</li>
<li>4A级景区</li>
旅游网站前端页面（css，html）
需积分: 0 166 浏览量
2023-06-07
13:29:49
上传
评论 2
收藏 8.77MB ZIP 举报
旅游网站前端页面（css，html） （103个子文件） 
index.css 13KB lineDetail.css 10KB line.css 5KB area.css 5KB gulangyu.css 5KB tourMsg.css 5KB feelings.css 5KB
wea_arrow.gif 1KB
index.html 9KB area.html 5KB line.html 5KB tourMsg.html 4KB lineDetail.html 4KB b1.jpeg 683KB W020220511541853283251.jpeg 636KB W020220511541853285919.jpeg 614KB xm1.jpeg 404KB 010.jpeg 345KB 720e5bcb-6148-4c22-b4f7-d801190098d2.jpeg 345KB bcs.jpeg 298KB gly.jpeg 289KB 003.jpeg 285KB 006.jpeg 273KB 21437ea9-2804-44de-99a6-d4e9e84ea13f.jpeg 267KB 2018294479.jpeg 218KB 9ee46edd-a9b0-47d5-9e36-02f23082cabc.jpeg 206KB g1.jpeg 198KB b713a31e-64a9-48d1-be23-0e38a1ee575e.jpeg 183KB 009.jpeg 183KB 2018289162.jpeg 166KB 128baa71-d0a5-4662-8bb3-85389f5250d6.jpeg 163KB e6ab91cb-8a75-4292-b510-a93c51d031a8.jpeg 149KB 2018291548.jpeg 147KB hsd.jpeg 132KB 690d.jpeg 108KB strategy_p37.jpeg 101KB qrcode.jpeg 100KB 36022f1a09174c25867be8d76af0ccdb.jpeg 95KB xndf.jpeg 92KB strategy_p38.jpeg 89KB strategy_p36.jpeg 89KB bkmf.jpeg 83KB 008.jpeg 82KB 001.jpeg 76KB 0ab397ef-3414-4a79-8b42-51bc75387324.jpeg 76KB yl.jpeg 75KB xg2.jpeg 75KB ryg_.jpeg 74KB mhhd.jpeg 67KB kd.jpeg 66KB rygwqd.jpeg 61KB 007.jpeg 57KB sjd.jpeg 56KB ryg4.jpeg 50KB des_pic00006.jpeg 46KB 0265fe1fe5804fd9a900094f9281e189.jpeg 44KB 20178297354.jpeg 42KB z3d.jpeg 41KB strategy_p12.jpeg 38KB des_pic00012.jpeg 38KB travel_guider_p003.jpeg 36KB travel_guider_p001.jpeg 36KB y1_.jpeg 36KB travel_guider_p004.jpeg 34KB 20178103950.jpeg 34KB 005.jpeg 32KB cyd5.jpeg 30KB travel_guider_p006.jpeg 30KB wx.jpeg 29KB 004.jpeg 26KB travel_guider_p005.jpeg 24KB ky2.jpeg 23KB travel_guider_p002.jpeg 22KB k11.jpeg 18KB 002.jpeg 16KB wx3.jpeg 13KB
index_20220127.jpg 258KB bg.jpg 247KB bpic.jpg 212KB attraction_map.jpg 91KB
swiper.png 129KB footSmall.png 13KB wenming.png 8KB dmoe0g08000.png 6KB logo.png 5KB b7.png 4KB lag.png 3KB strategy_msk.png 3KB tel.png 3KB tg_arrow.png 2KB book_type.png 2KB strategy_pos.png 1KB home.png 1KB mask.png 1KB ico_mail.png 1KB trip_arrow_down.png 1KB edit.png 1KB arrow_bottom.png 1010B sm_arrow.png 967B tit-line.png 957B共 103 条
- 1
- 2
资源评论
