请问代码实现是否正确？

首页课程实战体系课手记专栏慕课教程

请问代码实现是否正确？

来源：4-7 编程练习

吾里刘三岁

2020-03-03 18:21:26

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display属性</title>

<style type="text/css">

/*样式补充*/

*{padding:0;margin:0;}

.big{text-align:center;}

h3,ul{margin:auto;

padding:5px;

width:120px;

border:1px #d4d4d4 solid;}

h3{background-color:#eeeeee;

font-size:24px;

}

ul{

border-right:1px #d4d4d4 solid;

font-size:18px;

display:none

}

li{display:block;}

.div1:hover ul{display:block;}

.div2:hover ul{display:block;}

.div3:hover ul{display:block;}

.clothes{border-bottom:1px #d4d4d4 solid;}

</style>

</head>

<body>

<div class="big">

<div class="div1">

<h3>家电</h3>

<ul class="elec">

<li>冰箱</li>

<li>洗衣机</li>

<li>空调</li>

</ul>

</div>

<div class="div2">

<h3>洗护</h3>

<ul class="wash">

<li>洗衣液</li>

<li>消毒液</li>

<li>柔顺剂</li>

</ul>

</div>

<div class="div3">

<h3>衣物</h3>

<ul class="clothes">

<li>衬衫</li>

<li>裤子</li>

<li>卫衣</li>

</ul>

</div>

</div>

</body>

</html>

写回答

1回答

好帮手慕码

好帮手慕码

2020-03-03

同学你好，效果是正确的，另可以优化。当鼠标移入离div1等很远的地方，也可以触发hover样式：

建议添加：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

0 学习 · 40143 问题

相似问题

请检查代码样式实现是否正确

回答 1

请问代码实现是否正确？

回答 1

请问是否正确

回答 1

麻烦老师帮我看一下代码以及代码的实现是否正确

回答 1

麻烦老师帮我看一下代码以及代码的实现是否正确

回答 1

打开慕课网App查看更多内容