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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
          /*样式补充*/
          body,div,h3,ul,li{padding: 0; margin: 0;}
          h3{border: 1px #cccccc solid; text-align:}
          .big{width:150px;margin: auto;}
          h3{height: 40px;background: #eeeeee;text-align: center; line-height: 40px;font-weight: bold}
          li{height : 30px ;display: none;line-height: 30px;}

          .div1:hover li {display: block; border-left: 1px #cccccc solid; border-right:1px #cccccc solid; padding-left: 60px}
          .div2:hover li {display: block;border-left: 1px #cccccc solid; border-right:1px #cccccc solid;padding-left: 60px}
          .div3:hover li {display: block;border-left: 1px #cccccc solid; border-right:1px #cccccc solid;padding-left: 60px}
          .div3:hover li.bottom{border-bottom:1px #cccccc solid;}
        
        </style>
    </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>衣物</h3>
             <ul class="clothes">
                <li>衬衫</li>
                <li>裤子</li>
                <li class="bottom">卫衣</li>
            </ul>
        </div>
      </div>
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2020-06-07 15:59:53

同学你好,已经在另一个相似问题中进行了回复,可以查看下:

https://class.imooc.com/course/qadetail/230250

建议:相同的问题重复提交了多次,在提交的时候可能会慢一些,但是不推荐重复提交哦

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师