html外边距

作者：伱的精力病康复了？发布日期:2025-03-20 浏览:110

<!DOCTYPE html>
<html>
<head>
    <style>
        /* 设置外边距 */
        .example {
            margin: 20px; /* 上下左右外边距均为20px */
            background-color: lightblue;
            padding: 10px; /* 内边距 */
            width: 200px;
            text-align: center;
        }
    </style>
</head>
<body>

<div class="example">
    这是一个有外边距的盒子。
</div>

</body>
</html>

解释说明：

margin 属性用于设置元素的外边距，即元素与其他元素之间的空白区域。在这个例子中，.example 类的外边距被设置为 20px，这意味着该元素的上下左右四个方向都会有 20px 的空白区域。
padding 属性用于设置内边距，即元素内容与边框之间的空白区域。这里设置了 10px 的内边距。
background-color 和 width 等样式只是为了更好地展示效果，不是必须的。

如果你需要更多关于外边距的详细信息，请告诉我！

上一篇：svg html

下一篇：html 在线美化