元素的内边距在边框和内容区之间
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计算的。