css中box的padding属性包括的属性有

html-css018

css中box的padding属性包括的属性有,第1张

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%的距离)。

1、第一种情况：

<div class="box"></div>

.box{color:red} 这种是定义div元素box的css样式。比如color:red定义box里面的文字是红色。

2、第二种情况：

<div class="box">

<div class="box1">红色文字</div>

<div class="box2">蓝色文字</div>

</div>

.box .box1{color:red} 定义元素box下的子元素box1的css样式。

.box .box2{color:blue} 定义元素box下的子元素box2的css样式。