CSS层叠样式表顶间隙

如何设置文本和边框之间的距离？
在html中使用样式表来设置顶间隙。

解释

属性

: 顶端填充
用法:
padding-top: 10px;
padding-top: 10pt;
padding-top: 10%;
padding-top: auto;
定义:

这是用来设置对象的顶间隙。
属性可以设置以下的值。
a)pt:可以以点为单位设置属性值(例如:10pt或者100pt)。
b)px:可以以像素为单位来设置属性值(例如:10px或者100px)。
c)%:可以以百分数为单位来设置属性值(例如:10%或者100%)。
d)auto:这是用来设置自动间隙。

示例1:

<div style="padding-top: 20px;">测试顶端填充</div>
结果:

测试顶端填充

注意:边距和间隙的不同之处在于：间隙属性值是在对象范围内设置的，而边距属性值是指整个对象与附近对象的距离。
示例2:

<div style="padding-top: 30pt;">测试顶端填充</div>
结果:

测试顶端填充

示例3:

<div style="padding-top: 10%;">测试顶端填充</div>
结果:

测试顶端填充

示例4:

<div style="padding-top: auto;">测试顶端填充</div>
结果:

测试顶端填充