CSS padding 属性 - 设置内容与边框 2px 距离

CSS padding 属性

'padding' 属性用于设置元素内容与边框之间的距离，也称为内边距。要设置 2px 的内边距，可以使用以下代码：

padding: 2px;

此代码将元素的所有四个边都设置了 2px 的内边距。如果需要设置不同的边距，可以使用以下代码：

padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;

例如，要设置顶部和底部边距为 2px，左右边距为 5px，可以使用以下代码：

padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

示例

<div style="padding: 2px; background-color: lightblue;">这将是一个有 2px 内边距的蓝色区域。</div>

总结

'padding' 属性是 CSS 中非常重要的属性，它可以控制元素内容与边框之间的距离，从而影响元素的外观和布局。通过使用 'padding' 属性，我们可以轻松地调整元素的显示效果，使网页设计更加灵活和美观。