padding是什么意思html

作者：蛋蛋的憂傷发布日期:2025-04-01 浏览:54

<!DOCTYPE html>
<html>
<head>
    <style>
        /* padding 是用于设置元素内容与边框之间的间距 */
        .example {
            padding: 20px; /* 上下左右都设置为20px */
            background-color: lightblue;
            border: 1px solid black;
        }
    </style>
</head>
<body>

<div class="example">
    这是一个带有 padding 的 div 元素。
</div>

</body>
</html>

解释说明：

padding 属性用于设置元素的内容与其边框之间的间距。它可以使内容与边框之间有一定的距离，避免内容紧贴边框显示。
在上面的示例中，.example 类的 padding 设置为 20px，这意味着该元素的内容与边框之间的间距为 20 像素。

上一篇：html预览

下一篇：html图片标签