在CSS中,有一个很重要的属性是padding。
padding: 10px;
padding属性用来设置元素的内边距,也就是元素内容与元素边框之间的距离。 我们可以使用像素、百分比、em等单位来设置元素的内边距大小。如:
padding: 20px 10px 15px 5px;
上面的代码表示:上边距为20px、右边距为10px、下边距为15px、左边距为5px。
我们也可以只设置一个值来设置元素的内边距,如下所示:
padding: 10px;
这意味着元素的上下左右内边距都是10px。
还可以通过使用CSS选择器来设置某些元素的内边距,如下所示:
p { padding: 5px; }
这个例子中,p元素的内边距设置为5px。注意,在这个例子中,我们使用了p选择器来定位需要设置内边距的元素。
当然,除了padding属性之外,还有另外一些设置元素内边距的方法,如使用内联样式或者在类或ID名称中使用padding属性。但是,使用padding属性来设置元素内边距是最常见的一种方法,也是最具有可读性的一种方法。