CSS笔记13-内边距

元素的内边距在边框和内容区之间

 

padding属性

padding属性定义元素边框与元素内容之间的空白区域。接受长度值或百分比值，但不允许使用负值

如果希望一个元素各边的内边距是一样的，可以这样设置

h1 {
    padding:10px;
}

也可以按照上、右、下、左的顺序分别设置各边的内边距，各边使用不同的单位数值

h1 {
    padding:10px 0.25em 10% 2ex;
}

也可以使用单独的属性，分别设置上、右、下、左的内边距

h1 {
    padding-top: 10px;
    padding-right: 0.25em;
    padding-bottom: 10%;
    padding-left: 2ex;
}

这样写和上面用padding写效果一样。

 

内边距的百分比数值

内边距使用百分比数值的时候，是根据父元素的width计算的。