求下拉子菜单代码纯css

小***

求下拉子菜单代码纯css

An***

1 ul,ol,li
2 {list-style:none;padding:0px;margin:0px;}
3 #menu *
4 {line-height:30px;z-index:10;}
5 #menu a
6 {
7  text-decoration:none;
8  display:block;
9 }
10 #menu ul
11 {
12  text-align:left;
13  background:#333;
14 }
15 #menu .arrow /* 菜单项的右侧小箭头 */
16 {
17  float:right;
18  padding-right:5px;
19 }
20 #menu li:hover>ul
21 {display:block;}
22 #menu>ul{height:30px;} /* 即使没有菜单项也能保持顶级菜单栏的高度。 */
23 /* 一级菜单 */
24 #menu>ul>li
25 {
26  text-align:center;
27  display:inline-block;
28  width:80px;
29 }
30 #menu>ul>li>a
31 {color:#fff;}
32 #menu>ul>li:hover
33 {background:#666;}
34 /* 下拉的菜单栏 */
35 #menu>ul>li ul
36 {
37  display:none;
38  width:150px;
39  position:absolute;
40  background:#c1cd94;
41  box-shadow:2px 2px 2px #000;
42  -webkit-box-shadow:2px 2px 2px #000;
43  -moz-box-shadow:2px 2px 2px #123;
44 }
45 /* 下拉菜单的菜单项 */
46 #menu>ul>li>ul li
47 {padding-left:5px; position:relative;}
48 #menu>ul>li>ul li>a
49 {color:#000;}
50 #menu>ul>li>ul li:hover
51 {background:#d3dbb3;}
52 /* 三级及以下的菜单项的定位 */
53 #menu>ul>li>ul>li ul
54 {left:150px; top:0px;}

已有账号？

找人解决需求

求下拉子菜单代码纯css

全部参与1

热门问答

小***

今日需求悬赏

今日问答求助

发布任务需求已有1031166位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端