4-7麻烦老师看一下是否正确或者需要优化？

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

来源：4-7 编程练习

Larry要加油好好学习

2020-09-03 22:11:10

<!DOCTYPE html>

<html>

<head>

<title>display属性</title>

/*样式补充*/

div,h3,ul{margin:0;padding:0;}

h3{width:150px;height:40px;background-color:#DDDDDD;border:1px gray solid;margin:0px auto;line-height:40px;}

.div1,.div2,.div3{font-size:20px;font-family:"宋体";

text-align:center;}

li{display:none;line-height:40px;text-align:center;}

.div1:hover li{display:block;}

.div2:hover li{display:block;}

.div3:hover li{display:block;}

.div1,.div2,.div3{margin:0px;}

</style>

</head>

<body>

</ul>

</div>

</ul>

</div>

</ul>

</div>

</body>

</html>

写回答

1回答

好帮手慕粉

2020-09-04

同学你好，代码实现的是正确的。但是还有可以优化的地方，可以给整体设置一个边框：

这样下拉列表在显示的时候，左右也有边框：

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

0 学习 · 40143 问题

查看课程

相似问题

4-7编程，请老师看一下。

回答 2

麻烦老师检查下有没语法错误，并且说下哪里可以优化简写的

回答 1

麻烦老师看下代码是否正确？

回答 1

麻烦老师看看有没又需要改的地方

回答 1

麻煩老師看看哪裡需要改進

回答 2

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