麻烦老师看一下这样写对不?
来源:4-2 编程练习
丹叔
2020-10-19 19:42:25
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {
width: 200px;
}
/*补充样式*/
div ul{display: none;}
div:hover ul{
display:inline;}
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
1回答
同学你好,代码移入显示效果实现了,但是效果图中li是一行排列的,不是垂直的哦
可以将li设置为行内元素,参考修改:
祝学习愉快!
相似问题