padding: top right bottom left;
在padding属性中,你可以设置4个不同的值,分别用于上边距,右边距,下边距和左边距。你也可以仅仅设置一、两个值,甚至使用一个值进行缩简。
padding: 10px; // 上下左右都为10px padding: 10px 20px; // 上下为10px,左右为20px padding: 10px 20px 30px; // 顺序为上,左右,下,分别对应上10px,左右20px,下30px padding: 10px 20px 30px 40px; // 顺序为上,右,下,左,分别对应上10px,右20px,下30px,左40px
你还可以使用负值来定义padding,从而将元素的内容向内推。使用负值的padding通常在一些特殊的布局要求中使用,而平时使用时,应该尽量避免使用负值,因为它可能会对页面的布局产生负面影响。
总体而言,padding属性是CSS中一个非常重要的属性,它可以帮助你轻松地控制元素的间距和布局。当你理解了padding属性之后,你可以更加轻松地管理CSS中的布局和样式,使得你的页面更加美观和易于阅读。