news 2026/5/1 4:41:32

小米的主页

作者头像

张小明

前端开发工程师

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/28 6:04:47

如何在无外网环境下成功部署Open-AutoGLM?,一线工程师亲述实战经验

第一章&#xff1a;无外网环境下部署Open-AutoGLM的挑战与意义 在高安全等级的生产环境中&#xff0c;系统通常被置于完全隔离的内网环境&#xff0c;无法访问外部网络资源。这种限制对现代AI框架的部署构成了显著挑战&#xff0c;尤其是像Open-AutoGLM这类依赖大量预训练模型和…

作者头像 李华
网站建设 2026/4/19 18:27:34

创客匠人:智能体时代,创始人 IP 打造与知识变现的重构逻辑

一、行业痛点&#xff1a;知识变现的效率瓶颈与信任困境中国知识付费市场规模已连续五年保持 20% 以上增速&#xff0c;2025 年预计突破 1500 亿元大关。但繁荣背后&#xff0c;绝大多数创作者仍面临双重困境&#xff1a;一方面是效率短板&#xff0c;单人创作者日均产出内容不…

作者头像 李华
网站建设 2026/4/19 17:45:37

python英语课程学习资源分享博客

目录 已开发项目效果实现截图开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01; 已开发项目效果实现截图 同行可拿货,招校园代理 python英语课程学习资源分享博客 开发技术路线 开发语…

作者头像 李华
网站建设 2026/4/29 13:07:03

网络安全法合规实战解析:企业必须履行的10大核心义务与避坑指南

网络安全法 一、背景 概念 网络&#xff1a;是指由计算机或者其他信息终端及相关设备组成的按照一定的规则和程序对信息进行收集、存储、传输、交换、处理的系统。网络安全&#xff1a;是指通过采取必要措施&#xff0c;防范对网络的攻击、侵入、干扰、破坏和非法使用以及意…

作者头像 李华
网站建设 2026/4/27 4:48:31

2026网络安全统一元年:它将如何重塑产业战略、技术栈与人才需求?

到 2025 年&#xff0c;网络安全将不再只是 IT 团队专属的技术主题&#xff0c;而是将日益成为董事会层面的优先事项。随着网络攻击的频率和严重性不断增加&#xff0c;董事会将需要能够让他们了解组织安全状况的平台。 Armis 首席执行官 Yevgeny Dibrov 认为&#xff0c;统一网…

作者头像 李华