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>
输出：
这是没有指定填充的段落。
这是带有指定填充的段落。