简单的列表页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <style>
    *{ margin: 0; padding:0;}
    html{ font-size: 16px;}
    li{ float: left; width: 50%; height: 20rem; background: blue;  box-sizing:border-box; padding: 1rem 2rem;}
    
    </style>
</head>
<body>
    <ul>
        <li>
            <div>1111</div>
        </li>
        <li>
            <div>222</div>
        </li>
        <li>
            <div>3333</div>
        </li>
        <li>
            <div>4444</div>
        </li>
    </ul>
</body>
</html>

 

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