用HTML和CSS做一个携程旅游手机端布局含源码分享

酷的没边

于 2020-08-30 16:39:25 发布

阅读量5.8k

点赞数 12

文章标签： css html html5 css3 es6

本文链接：https://blog.csdn.net/weixin_45802744/article/details/108307901

版权

本文展示了如何使用HTML和CSS创建一个携程旅游的手机端布局，并提供了完整的源码。通过提供的链接可以获取源码，提取码为3eka。

摘要由CSDN通过智能技术生成

效果如下图所示：

文件夹内容如下：

源码分享：https://pan.baidu.com/s/1Rdt24sPEB9Rp8tnc9Udr3Q 提取码：3eka

html：

<!DOCTYPE html>
<html lang="en"></html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/nor.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="images/xc.jpg" alt="">
    </div>
    <ul class="local-nav">
        <li>
            <a href="#" title="攻略·景点">
                <span class=

最低0.47元/天解锁文章

酷的没边

关注

12
点赞
踩
39

收藏

觉得还不错? 一键收藏
3
评论
用HTML和CSS做一个携程旅游手机端布局含源码分享

效果如下图所示：文件夹内容如下：源码分享：https://pan.baidu.com/s/1Rdt24sPEB9Rp8tnc9Udr3Q 提取码：3ekahtml：<!DOCTYPE html><html lang="en"></html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid.
复制链接

扫一扫