css中的浮动

Original 2018-11-30 20:48:10 247
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title> css本单元课程小结 </title>         <style type="text/css"> 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title> css本单元课程小结 </title>

         <style type="text/css">

  ul li{list-style:none;width:150px;height:50px;line-height:40px;text-align:center;background-color:#ccc;margin:0px 1px;float:left;}

  .box1{width:150px;height:50px;background-color:#0000FF;float:left;line-height:40px;margin:0px 1px;text-align:center;}

  .clear{clear:both;}

  </style>

</head>

   <body>

   <ul>

   <li>菜单1</li>

   <li>菜单2</li>

   <li>菜单3</li>

   <li>菜单4</li>

   <li>菜单5</li>

   </ul>

   <div> </div>

   <div> div1 </div>

   <div> div1 </div>

   <div> div1 </div>

   </body>



</html>



Correcting teacher:灭绝师太Correction time:2018-12-01 09:25:01
Teacher's summary:浮动还是布局中比较容易出错的地方,需要好好掌握,必要的地方请打上备注!

Release Notes

Popular Entries