4-5编程练习

来源：4-7 编程练习

慕标4569417

2017-09-21 21:21:52

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
        body,div,h3,ul,li{margin:0px;}
        .elec{display:none;}
        .big{width:158px;height:420px;
            margin:0 auto;
            background-color:
            #ccc;border:1px solid #999;
            font-family:"宋体";
            text-align:center;
          /*样式补充*/
        }
        .div1{width:100%;height:130px;
              border:1px solid #999;
              padding-top:10px;
            }
         .elec{width:75%;height:100px;
               background-color:#fff;
               border:1px solid #999;
               list-style-type:none;
               line-height:2em;
               padding:5px 20px 5px 20px;}
    .div2{width:100%;height:130px;
              border:1px solid #999;
              padding-top:10px;
            }
         .wash{width:75%;height:100px;
               background-color:#fff;
               border:1px solid #999;
               list-style-type:none;
               line-height:2em;
               padding:5px 20px 5px 20px;}
    .div3{width:100%;height:130px;
              border:1px solid #999;
              padding-top:10px;
            }
         .clothes{width:75%;height:100px;
               background-color:#fff;
               border:1px solid #999;
               list-style-type:none;
               line-height:2em;
               padding:5px 20px 5px 20px;}
    

        
          
        </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>卫衣</li>
            </ul>
        </div>
      </div>
</body>
</html>
老师，不会呀，貌似走远了。。
如何做到鼠标悬浮状态显示出来，且不会影响下面的标题

写回答

1回答