携程网站移动端Flex布局_携程资源-CSDN文库

共15个文件

jpg：7个

png：5个

css：2个

Flex布局

html

需积分: 5 15 浏览量 2023-06-08 14:44:20 上传评论 1 收藏 276KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

携程（flex布局）.rar （15个子文件）

携程（flex布局）

css

base.css 839B

index.css 5KB

index.html 6KB

images

hotel.png 10KB

subnav-bg.png 7KB

sprite.png 20KB

hot.png 3KB

localnav_bg.png 23KB

upload

pic5.jpg 24KB

pic6.jpg 28KB

focus.jpg 30KB

pic4.jpg 22KB

pic2.jpg 46KB

pic3.jpg 27KB

pic1.jpg 46KB

<!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, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/index.css"> <title>携程在手，说走就走</title> </head> <body>  <div class="search-index"> <div class="search">搜索/目的地/酒店/景点/航班号</div> <a href="#" class="user">我的</a> </div>  <div class="focus"> <img src="upload/focus.jpg" alt=""> </div>  <ul class="local-nav"> <li><a href="#" title="景点·玩乐"> <span class="local-nav-icon-icon1"></span> <span>景点·玩乐</span> </a></li> <li><a href="#"> <span class="local-nav-icon-icon2"></span> <span>景点·玩乐</span> </a></li> <li><a href="#"> <span class="local-nav-icon-icon3"></span> <span>景点·玩乐</span> </a></li> <li><a href="#"> <span class="local-nav-icon-icon4"></span> <span>景点·玩乐</span> </a></li> <li><a href="#"> <span class="local-nav-icon-icon5"></span> <span>景点·玩乐</span> </a></li> </ul>  <nav> <div class="nav-common"> <div class="nav-items"> <a href="#">海外酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> </div> <div class="nav-common"> <div class="nav-items"> <a href="#">海外酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> </div> <div class="nav-common"> <div class="nav-items"> <a href="#">海外酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> <div class="nav-items"> <a href="#">海外酒店</a> <a href="#">特价酒店</a> </div> </div> </nav>  <ul class="subnav-entry"> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> <li> <a href="#"> <span class="subnav-entry-icon"></span> <span>电话费</span> </a> </li> </ul>  <div class="sales-box"> <div class="sales-hd"> <h2></h2> <a href="#" class="more">获取更多福利</a> </div> <div class="sales-bd"> <div class="row"> <a href="#"> <img src="upload/pic1.jpg" alt=""> </a> <a href="#"> <img src="upload/pic2.jpg" alt=""> </a> </div> <div class="row"> <a href="#"> <img src="upload/pic3.jpg" alt=""> </a> <a href="#"> <img src="upload/pic4.jpg" alt=""> </a> </div> <div class="row"> <a href="#"> <img src="upload/pic5.jpg" alt=""> </a> <a href="#"> <img src="upload/pic6.jpg" alt=""> </a> </div> </div> </div> </body> </html>

评论收藏

内容反馈