padding在html是什么意思

作者：黑白灰调发布日期:2025-05-02 浏览:86

<!DOCTYPE html>
<html>
<head>
    <title>Padding 示例</title>
    <style>
        /* padding 属性用于设置元素内容与边框之间的空间 */
        .box {
            width: 200px;
            height: 100px;
            background-color: lightblue;
            padding: 20px; /* 上下左右都设置为20px的内边距 */
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div class="box">
        这是一个带有 padding 的盒子。
    </div>
</body>
</html>

解释说明：

padding 是 CSS 中的一个属性，用于设置元素内容与其边框之间的空间。
在上面的示例中，.box 类的 padding 设置为 20px，意味着盒子的内容与边框之间有 20 像素的空间。
padding 可以分别设置四个方向（上、右、下、左）的值，也可以统一设置所有方向的值。

上一篇：html class

下一篇：input在html里面的属性