<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.one{
display: flex;
background-color:black;
height: 50px;
width: 1700px;
justify-content: space-around;
color: aliceblue;
}
.two{
display: flex;
width: 1700px;
height: 100px;
justify-content: space-around;
}
.two img{
width: 40px;
height: 50px;
}
.two input{
height: 30px;
}
.four{
display: flex;
height: 500px;
width: 1350px;
background-color: grey;
justify-content: space-around;
justify-content: center;
align-items: center;
}
.four img{
width: 1225px;
height: 500px;
}
.four ul{
list-style: none;
line-height: 40px;
}
</style>
<body>
<div class="one">
<p>小米官网|</p >
<p>小米商城|</p >
<p>小米澎湃OS|</p >
<p>loT|</p >
<p>云服务|</p >
<p>天星数科|</p >
<p>有品|</p >
<p>小爱开放平台|</p >
<p>资质证照|</p >
<p>协议规则|</p >
<p>下载app|</p >
<p>Select Location</p >
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P>登录</P>
<P>注册</P>
<p>消息通知</p >
<p>🛒购物车(0)</p >
</div>
<div class="two">
<img src="代码/微信图片_20231130181822.jpg" alt="">
<p> </p >
<p> </p >
<p> </p >
<p> </p >
<p>Xiaomi手机</p >
<p>Redmi手机</p >
<p>电视</p >
<p>笔记本</p >
<p>平板</p >
<p>家电</p >
<p>路由器</p >
<p>服务中心</p >
<p>社区</p >
<p> </p >
<p> </p >
<p> </p >
<p> </p >
<p> </p >
<p> </p >
<p> </p >
<input type="text" name="" id="" placeholder="加湿器" 🔍>
</div>
<div class="four">
<ul>
<li>手机</li>
<li>电视</li>
<li>家电</li>
<li>笔记本 平板 </li>
<li>出行 穿戴</li>
<li>耳机 音
</body>
</html>
11.28作业
最新推荐文章于 2025-05-12 18:18:01 发布