CSS padding

CSS padding

CSS padding属性用于
定义元素内容和元素边框之间的空间
与CSS边距的不同之处在于CSS边距定义了元素周围的空间。 CSS填充受背景颜色的影响。它将清除内容周围的区域。
可以使用单独的属性独立更改top,bottom,left和right填充。您还可以通过使用速记padding属性来一次更改所有属性。

CSS填充属性

属性 说明
padding 设置4个内边距
padding-left 左边距
padding-right 右边距
padding-top 上边距
padding-bottom 下边距

CSS填充值

说明
length 它用于定义pt,px,em等中的固定填充。
它定义包含元素的填充百分比。

CSS填充示例

 <!DOCTYPE html>
<html>
<head>
<style>
p {
    background-color: pink;width:300px
}
p.padding {
    padding-top: 50px;
    padding-right: 100px;
    padding-bottom: 150px;
    padding-left: 200px;
}
</style>
</head>
<body>
<p>这是没有指定填充的段落。</p>
<p class="padding">这是带有指定填充的段落。</p>
</body>
</html>
输出:

这是没有指定填充的段落。

这是带有指定填充的段落。