如何用HTML CSS代码编写下拉菜单(二级菜单) :
这是原始的样子：
将鼠标移动到上一级菜单显示
将鼠标移动到2级菜单：
HTML代码： Li class=' list-inline-item menudiv ' a href=' # ' class=' menua '菜单1/aul class=' menu ul ' Li class=' li li class='menuLI'a href='# '辅助菜单/a/li /ul/li CSS样式：/*设置箱子样式*//overflow: hidden； width: 100px； line-height: 40px； color :黑色； 背景色： # eef5f 9； 文本对齐3360中心； 显示： block； (/)隐藏辅助菜单(/.menuul ) position:absolute； 显示：无； (/)将鼠标移动到箱子上，然后单击辅助菜单(/.menudiv:hoverul ) display:block； (/)框伪类样式(/.menudiv:hover ) color:#ff0000； 背景色： # 6f7fe 2； (/)二级菜单样式(/.menuli ) width:100px； line-height: 36px； color: #456； 背景色： # eff； 文本对齐3360中心； border : 1px固态# CCC； 博德- top : none； 显示： block； (/)二级菜单伪类(/.menuli:Hover ) color:#ff0000； 背景色： # 6f7fe 2； }