简单的列表页

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  7.     <style>
  8.     *{ margin: 0; padding:0;}
  9.     html{ font-size: 16px;}
  10.     li{ float: left; width: 50%; height: 20rem; background: blue;  box-sizing:border-box; padding: 1rem 2rem;}
  11.     
  12.     </style>
  13. </head>
  14. <body>
  15.     <ul>
  16.         <li>
  17.             <div>1111</div>
  18.         </li>
  19.         <li>
  20.             <div>222</div>
  21.         </li>
  22.         <li>
  23.             <div>3333</div>
  24.         </li>
  25.         <li>
  26.             <div>4444</div>
  27.         </li>
  28.     </ul>
  29. </body>
  30. </html>

 

版权声明：本文为carol1987原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/carol1987/p/5441998.html