html内边距

作者：◇梦◆饭饭发布日期:2025-05-31 浏览:20

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML内边距示例</title>
    <style>
        /* 使用 CSS 设置内边距 */
        .box {
            width: 200px;
            height: 200px;
            background-color: lightblue;
            padding: 20px; /* 内边距，四周都为20px */
        }
    </style>
</head>
<body>
    <div class="box">
        这是一个有内边距的盒子。
    </div>
</body>
</html>

解释说明：

padding 属性用于设置元素内容与边框之间的空间，也就是所谓的“内边距”。
在上面的代码中，.box 类的 padding 被设置为 20px，这意味着盒子的内容与边框之间会有 20 像素的间距。
你可以根据需要调整 padding 的值，例如 padding: 10px 20px 30px 40px; 分别表示上、右、下、左的内边距。

上一篇：html figure

下一篇：html行间距