css浮动学习小结

原创 2018-11-06 19:34:57 154
摘要:<!DOCTYPE html> <htnl>      <head>          <meat charset="uf8">    &nb
<!DOCTYPE html>
<htnl>
     <head>
         <meat charset="uf8">
          <title>css浮动</title>
          <style type="text/css">
          li{list-style:none;width:100px;height:30px;background:#ccc;
          float:left;}
          .box{clear:both;}
          .box1{width:100px;height:50px;background:#ccc;float:right;}\
          </style>
          </head>
          
          
       <body>
            <ul>
                <li>1111</li>
                <li>2222</li>
                <li>3333</li>
                <li>4444</li>
              </ul>
              <div class="box">a</div>
              <div class="box1">b</div>
              <div class="box1">c</div>
        </body>
 </html>


批改老师:天蓬老师批改时间:2018-11-06 21:33:15
老师总结:下次将css代码格式化一下,养成良好的编程习惯

发布手记

热门词条