news 2026/4/15 13:49:15

小米的主页

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
小米的主页
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=小米网页, initial-scale=1.0"> <title>Document</title> </head> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } .box1{padding:8px 20px; width: 100%; height: 40px; background-color:#2b2b2b; align-items: center; } .box2{ width: 100%;height: 140px; padding-top: 1px;} .box1 a{width: 48px; height: 40px; text-decoration: none; color: #ccc; font: 12px; } .box2 ul{padding-left: 150px; list-style: none; padding-top: 1px; display: flex; } .box1 li{list-style: none; float: left; padding-left: 8px; } .u2{position: relative; bottom:65px; margin-left: 100px;} .log{margin-left: 40px;} .u2 a{text-decoration: none; padding-right: 12px;} .box3{width: 240px; height: 570px; background-color: #ccc; float: left;margin-left: 52px;} .box3 a{ text-decoration: none; height: 12px; width: 12px; color: aliceblue;} .box3 div{ margin-top:20px; width: 234px; height: 40px; color:rgb(224,224,224) ; } .T{width: 1400px; height:570px; font-size: 0;float: right; } .T img{width: 1400px; height:570px; } .box3 a:hover{color: orange;} .box4{ width: 1640px; height: 170px; position: relative; bottom:10px; left: 50px; top: 10px; display: flex; position:relative; } .u3 img{font: 24px; margin-bottom: 8px;} .u3{ display: flex; flex-wrap: wrap; width: 360px; height: 170px; margin-left: 10px; background-color: rgb(132, 61, 0); } .u3 li{list-style: none; display: flex; flex-wrap: wrap; height: 30px; } .u3 span{ bottom:8px; width: 76px; height: 12px; font-size:12px;} .tu2{ width: 320px; height: 170px; margin-left:15px;} .tu3{width: 316px; height: 170px;} </style> <body> <div class="box2"> <div class="box1"> <ul > <li><a href="#">小米官网</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">兄奥秘澎湃os</a></li> <li><a href="#">小米汽车</a></li> <li><a href="#">云服务</a></li> <li><a href="#">loT</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="#">下载app</a></li> <li><a href="#">select location</a></li> </ul> </div> <img class="log" src="./企业微信截图_17663957529237.png" alt=""> <ul class="u2"> <li><a href="#">Xiaomi手机</a></li> <li><a href="#">REDMI手机</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> <li><a href="#">服务中心</a></li> </ul> </div> <div class="box3"> <div class="X"><a href="#">手机</a></div> <div class="X"> <a href="#">电视</a></div> <div class="X"><a href="#">家电</a></div> <div class="X"><a href="#">笔记本</a></div> <div class="X"><a href="#">出行</a></div> <div class="X"><a href="#">耳机</a></div> <div class="X"><a href="#">健康</a></div> <div class="X"><a href="#">生活</a></div> <div class="X"><a href="#">智能</a></div> <div class="X"><a href="#">电源</a></div> </div> <div class="T"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b07a5c020c2c37f08a6dcc01316350ae.jpg?thumb=1&w=1839&h=690&f=webp&q=90" alt="xiaomi" ></div> <div class="box4"> <ul class="u3"> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt=""> <span>保障服务</span> </li> <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt=""> <span>保障服务</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt=""><span>F通</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt=""><span>米粉卡</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt=""><span>以旧换新</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt=""><span>话费充值</span></li> </ul> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e981f78d2ac17c504975a719cb8b069d.png?w=632&h=340" alt=""></div> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8aa523aada018ed7e291b8d5c99d5cc7.png?w=632&h=340" alt=""></div> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ce384835b97655abd1448f3e45eb48ff.png?w=632&h=340" alt=""></div> </div> </body> </html>
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/10 10:51:55

【课程设计/毕业设计】基于SpringBoot的传统戏曲学习推广管理系统设计和实现基于springboot的戏曲学习管理系统基于springboot沉浸式戏曲文化体验系统【附源码、数据库、万字文档】

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/4/15 11:48:19

学长亲荐8个AI论文工具,本科生轻松搞定毕业论文!

学长亲荐8个AI论文工具&#xff0c;本科生轻松搞定毕业论文&#xff01; 论文写作的“隐形助手”&#xff0c;你真的不需要多一个吗&#xff1f; 在如今这个信息爆炸的时代&#xff0c;AI 工具已经成为许多学生和科研工作者的得力助手。尤其在撰写毕业论文的过程中&#xff0c;…

作者头像 李华
网站建设 2026/3/30 10:55:25

【AI自动化新纪元】:Open-AutoGLM如何实现对iPhone的远程操作?

第一章&#xff1a;Open-AutoGLM 能操作苹果手机吗目前&#xff0c;Open-AutoGLM 作为一个实验性的自动化语言驱动框架&#xff0c;主要聚焦于在开放环境下的任务自动化与自然语言指令解析。其核心能力依赖于对操作系统接口的访问权限以及设备控制链路的建立。由于苹果iOS系统采…

作者头像 李华
网站建设 2026/4/11 14:30:27

还在为大模型部署发愁?,Open-AutoGLM云端部署全栈解决方案来了

第一章&#xff1a;Open-AutoGLM云端部署概述Open-AutoGLM 是一款基于开源大语言模型的自动化代码生成工具&#xff0c;支持在多种云环境中进行灵活部署。其核心架构采用微服务设计&#xff0c;能够与主流云平台无缝集成&#xff0c;实现高可用、可扩展的智能编程辅助能力。部署…

作者头像 李华