请问二级菜单怎么增加超链接？如果我想点家电里面的冰箱什么的怎么实现？

<!DOCTYPE html>

<html>

<head>

<title>display属性</title>

/*样式补充*/

*{ padding: 0;

margin: 0;

list-style: none;}

body{margin:50px;}

.big{text-align:center;

width:100px;

background-color:#E3E3E3;

font-family: "宋体";

border:0.5px solid #D4D4D4;

margin:0px auto;

}

h3{font-size:16px;

color:black;

padding:3px 25px;

}

ul{

display:none;

font-size:12px;

line-height:2em;

}

a{text-decoration:none;}

a:hover ul{display:inline;}

li{color:black;

background-color:white;

}

</style>

</head>

<body>

</ul></a>

</div>

</ul></a>

</div>

</ul></a>

</div>

</body>

</html>

慕田峪6876253 2018-04-24

源自：盒子模型 4-7 编程练习

收起

2回答

_是你_ 2018-04-25 11:06:38

可以直接嵌入a标签,如

<li><a href="https://class.imooc.com/lesson/188#mid=3582"></a>冰箱</li> .

href属性存放链接地址的

收起回答

提问者慕田峪6876253 #1

不行诶我试了一下不能嵌套的代码出错

2018-04-25 11:09:34
_是你_ 回复提问者慕田峪6876253 #2

把你错误的代码上传一下帮你看看

2018-04-25 11:49:37
_是你_ 回复提问者慕田峪6876253 #3

用你的代码试了一下,你可以把结构调整一下,你把整个二级菜单都嵌入到一级菜单的a里面是不合理的,可以把div12,div2,div3里面的结构改成这样: <div class="menu"> <a href="#">家电</a> <ul class="elec"> <li><a href="#">冰箱</a></li> <li>洗衣机</li> <li>空调</li> </ul> </div> css hover改成这样: a:hover+ul{display:block;} 另外样式你再完善一下就可以了

2018-04-25 11:59:47

王刘永 2018-04-25 09:21:44

把a标签放在li标签里面，像这样<li><a>冰箱</a><li>

收起回答

提问者慕田峪6876253 #1

超链接a 好像不支持嵌套

2018-04-25 10:57:21
王刘永回复提问者慕田峪6876253 #2

支持的，你试试下面的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li><a href="#">冰箱</a></li> <li><a href="#">水果</a></li> <li><a href="#">运动</a></li> </ul> </body> </html>

2018-04-25 11:38:36