css中padding是什么意思

html-css027

css中padding是什么意思,第1张

CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

(1)padding-left:10px左内边距

(2)padding-right:10px右内边距

(3)padding-top:10px上内边距

(4)padding-bottom:10px下内边距

(5)padding:10px四边统一内边距

(6)padding:10px 20px上下、左右内边距

(7)padding:10px 20px 30px上、左右、下内边距

(8)padding:10px 20px 30px 40px上、右、下、左内边距

1、padding属性是css用于在一个声明中设置所有padding属性的简写属性。

2、Padding属性包含了paddingleft:左补距离(设置距左内边距)。paddingtop:头顶补距离(设置距顶部内边距)。paddingright:右补距离(设置距右内边距)。paddingbottom:底补距离(设置距低内边距)。其二维构建图可见CSS属性二维图。

3、paddingleft用法:padding-left:10px。这个意思距离左边补距10像素,可跟百分比如(padding-left:10%。距离左边补10%的距离)。

4、paddingright用法:padding-right:10px。这个意思距离右边补距10像素,可跟百分比如(padding-right:10%。距离右边补10%的距离)。

5、paddingtop用法:padding-top:10px。这个意思距离顶边补距10像素,可跟百分比如(padding-top:10%。距离顶边补10%的距离)。

6、paddingbottom用法:padding-bottom:10px。这个意思距离低边补距10像素,可跟百分比如(padding-bottom:10%。距离底边补10%的距离)。