步骤二4-2练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {
width: 200px;
}
li{display:none;}
div:hover ul li{display:block;}
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
请问哪里有问
1
收起
正在回答
1回答
你好同学，显示的效果不对，如下：
正确效果如下：
设置display:block;即块元素的特点会自占一行，所以可以把元素设置行内块，让元素可以显示在一行，如下：
祝学习愉快，望采纳。
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星