CSS padding-top属性，单独设置上内边距

padding-top属性

CSS的padding-top属性可以设置HTML元素的上内边距，值可以是像素、百分比、或从父元素继承，不允许负值。具体的可参考下方这张表格：

值	描述
length	数字类型，单位可以是px、pt、cm等
百分比	也是数字类型的值，不过单位为%，自适应的网页中比较常用
inherit	从父元素那里继承内边距的相关属性

padding-top属性实例代码，及在线编辑器

下方的实例可以在线编辑运行，编写了一段通过padding-top属性设置div的上内边距：

<div class='pt'>
  <p>该段落为div的子元素，也是div的“内容”，距离div上边框的距离padding-top属性将被设置成div高度的10%。注意，div的边框不是一定要设置的，这里只是为了更好地展示说明padding-top属性的效果才加上去的。</p>
</div>

<style>
  .pt{border:1px solid orange;padding-top:10%;width:100%;height:100%;}
</style>

hot：热门