麻烦老师看看这样可以吗

来源：4-7 编程练习

墨陌安

2020-12-08 23:07:05

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .big {
            width: 200px;
            margin: 0 auto;
            font-size: 32px;
            font-family: "仿宋";
            border: 1px gray solid;
        }

        /* .div1 .div2 .div3 {
            width: 100%;
        } */

        h3 {
            /* margin: auto; */
            text-align: center;
            background-color: #cecece;
            height: 56px;
            line-height: 56px;
            border: 1px gray solid;
        }

        /* .speacil {
            border-bottom: none;
        } */

        li {
            display: none;
        }

        .div1:hover li {
            display: block;
            list-style: none;
            font-size: 32px;
            text-align: center;
            height: 52px;
            line-height: 52px;
            /* border: 1px gray solid; */
        }

        .div2:hover li {
            display: block;
            list-style: none;
            font-size: 32px;
            text-align: center;
            height: 52px;
            line-height: 52px;
            /* border: 1px gray solid; */
        }

        .div3:hover li {
            display: block;
            list-style: none;
            font-size: 32px;
            text-align: center;
            height: 52px;
            line-height: 52px;
            /* border: 1px gray solid; */
        }
    </style>
    <title>Document</title>
</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 class="speacil">衣物</h3>
            <ul class="clothes">
                <li>衬衫</li>
                <li>裤子</li>
                <li>卫衣</li>
            </ul>
        </div>
    </div>
</body>

</html>
代码，可通过选择【代码语言】突出显示