作业作业。

最新推荐文章于 2024-09-24 10:00:08 发布

Double__B

最新推荐文章于 2024-09-24 10:00:08 发布

阅读量33

点赞数

文章标签： html5 css

本文链接：https://blog.csdn.net/Double__B/article/details/131952564

版权

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .container {
            width: 1226px;
            margin: 0 auto;
            background-color: beige;
        }

        .head {
            display: flex;
            justify-content: space-between;

            height: 60px;
            
            line-height: 60px;

        }

        .mid ul {
            display: flex;
        }

        a {
            text-decoration: none;
        }

        li {
            list-style: none;
        }

        .left img {
            width: 56px;
            height: 56px;
        }

        .banner .yuan>div {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: aqua;
        }

        .banner .yuan {
            display: flex;
        }
    </style>
</head>

<body>
    <div class="head container">
        <div class="left">
            < img src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png" alt="">
        </div>
        <div class="mid">
            <ul>
                <li>xiaomi手机</li>
                <li>Redmi手机</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>平板</li>
                <li>家电</li>
                <li>路由器</li>
                <li>服务中心</li>
                <li>社区</li>

            </ul>
        </div>
        <div class="right">
            <input type="text" name="search">
            <i>搜索</i>
        </div>
    </div>
    <div class="banner container">
        < img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4654880fb3266820ac4f82edeee4d80.jpg?thumb=1&w=1839&h=690&f=webp&q=90" alt="">
        <div class="nav">
        <ul

。。。。。。