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