html margin

作者：古枕清风发布日期:2025-10-31 浏览:18

<!DOCTYPE html>
<html>
<head>
    <title>HTML Margin Example</title>
    <style>
        /* 使用 margin 属性来设置元素的外边距 */
        .box {
            width: 200px;
            height: 200px;
            background-color: lightblue;
            margin: 20px; /* 上下左右都设置为20px的外边距 */
        }

        .box2 {
            width: 200px;
            height: 200px;
            background-color: lightcoral;
            margin: 10px 20px 30px 40px; /* 依次为上、右、下、左的外边距 */
        }
    </style>
</head>
<body>
    <div class="box"></div>
    <div class="box2"></div>
</body>
</html>

解释说明：

margin 属性用于设置元素的外边距，即元素与其他元素之间的间距。
在 .box 类中，margin: 20px; 表示该元素的上下左右四个方向的外边距都为 20px。
在 .box2 类中，margin: 10px 20px 30px 40px; 表示外边距分别为：上 10px、右 20px、下 30px、左 40px。

上一篇：网页代码html

下一篇：html5 websocket