22.2.3. 尺寸设置 ¶

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>尺寸实例手把手</title>
    <style type="text/css">
        #id1{
            /* 设置宽度和边框 */
            width: 100px;
            border: 1px solid red;
        }

        #id2{
            /* 设置宽度和边框 */
            width: 150px;
            border: 1px solid red;
            margin-top: 10px;
        }
        #id3{
            /* 设置宽度和边框 */
            width: 200px;
            border: 1px solid red;
            margin-top: 10px;
        }
        #id4{
            /* 设置宽度和边框 */
            width: 250px;
            border: 1px solid red;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div id="id1">
    HTML+CSS完全自学手册---层一
</div>

<div id="id2">
    HTML+CSS完全自学手册---层二
</div>

<div id="id3">
    HTML+CSS完全自学手册---层三
</div>

<div id="id4">
    HTML+CSS完全自学手册---层四
</div>

</body>
</html>
22.2.3. 尺寸设置¶

22.2.3. 尺寸设置 ¶
