失眠网 > 小米网css3导航下拉菜单代码

小米网css3导航下拉菜单代码

时间：2022-02-28 08:27:37

相关推荐

小米网css3导航下拉菜单代码

web前端|html教程

小米网css3导航下拉菜单代码

web前端-html教程

效果：/texiao/css3/19/

erp源码怎么安装,vscode太耗cpu,Ubuntu单声道,tomcat上传端口,sqlite3更新字段,如何使用爬虫技术搜索网络资料,php 字符串多行,seo如何让快照更新,免费资源采集网站,装饰公司营销网站模板lzw

代码如下：

免费的微信外卖点餐系统源码,在vscode中运行代码,ubuntu不要dm,tomcat 的端口修改,爬虫动画代码,php 错误定位,企业通过seo可以做什么,扫描二维码查真伪网站源码,jquery模板jQuery特效lzw

1 2 3 4 5 6 7 8CSS3菜单仿小米官网菜单 - 何问起9 10 11 12 13 * { 14 margin: 0px; 15 padding: 0px; 16 } 17 18 .nav { 19 position: relative; 20 width: 994px; 21 height: 52px; 22 background: #404144; 23 margin: 0 auto; 24 } 25 26 .nav li { 27 list-style: none; 28 float: left; 29 line-height: 50px; 30 } 31 32 .nav li a { 33 display: block; 34 text-decoration: none; 35 color: #FFFFFF; 36 padding: 0px 15px; 37 font-family: "微软雅黑"; 38 } 39 40 .nav li a:hover .xs { 41 display: block; 42 } 43 44 .nav li a:hover { 45 background: #333333; 46 } 47 48 .nav li a .xs { 49 border: 1px solid #cccccc; 50 border-top: none; 51 display: none; 52 width: 992px; 53 background: #FFFFFF; 54 position: absolute; 55 top: 50px; 56 left: 0px; 57 } 58 59 .nav li a .xs .xiao { 60 position: absolute; 61 top: -8px; 62 border-left: 8px solid transparent; 63 border-right: 8px solid transparent; 64 border-bottom: 8px solid #FFFFFF; 65 width: 0px; 66 height: 0px; 67 z-index: 999; 68 } 69 70 .nav li:nth-child(1) .xiao { 71 left: 20px; 72 } 73 74 .nav li:nth-child(2) .xiao { 75 left: 98px; 76 } 77 78 .nav li:nth-child(3) .xiao { 79 left: 177px; 80 } 81 82 .nav li:nth-child(4) .xiao { 83 left: 255px; 84 } 85 86 .nav li:nth-child(5) .xiao { 87 left: 348px; 88 } 89 90 .nav li:nth-child(6) .xiao { 91 left: 427px; 92 } 93 94 .nav li:nth-child(7) .xiao { 95 left: 496px; 96 } 97 98 .nav li:nth-child(8) .xiao { 99 left: 576px;100 }101 102 .nav li:nth-child(9) .xiao {103 left: 646px;104 }105 106 .nav li:nth-child(10) .xiao {107 left: 706px;108 }109 .hovertreeinfo {110 text-align:center;} .hovertreeinfo a{color:blue;}111 112 113 114 115

116 117 首页118 119 120 何问起网121

122

123124

125 126 127 128 129 红米130

131

132133

134 135 136 小米平板137 小米电视138 139 140 盒子141

142

143144

145 146 147 148 149 路由器150

151

152153