麻烦老师看一下这样写对不?

来源: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回答

好帮手慕星星

2020-10-20

同学你好,代码移入显示效果实现了,但是效果图中li是一行排列的,不是垂直的哦

http://img.mukewang.com/climg/5f8e3c3109d1295f03260108.jpg

可以将li设置为行内元素,参考修改:

http://img.mukewang.com/climg/5f8e3cb609810fc103020232.jpg

祝学习愉快!

0

0 学习 · 40143 问题

查看课程