css样式内填充 |div css 横线

padding属性是用于定义元素周围的填充空间的属性。 padding属性接受四个值：top、right、bottom和left。你可以使用单个值应用于所有填充，或者分别定义每个填充，如下所示：

div {
padding: 10px; /* top, right, bottom, left值都是10 */
padding: 10px 20px; /* top, bottom值都是10, right, left值都是20 */
padding: 10px 20px 30px; /* top值是10, right, left值都是20, bottom值是30 */
padding: 10px 20px 30px 40px; /* top值是10, right值是20, bottom值是30, left值是40 */
}

除了指定使用固定大小的填充外，你还可以使用百分比来设置填充。例如，如果你想在元素周围创建与元素本身相同高度的填充区域，则可以将填充高度设为100%：

div {
height: 200px;
padding: 100% 10px; /* top-bottom填充区域是200px（div元素的高度），左右填充区域是10px */
}

填充时间还可以使用负值。例如，如果你想让文本从元素的上侧和下侧溢出填充区域，则可以使用以下代码：

div {
height: 200px;
padding: -20px 10px; /* 上下填充区域-20px，左右填充区域是10px */
}

填充属性在设计网页布局时起着至关重要的作用，因此很重要使用它在元素周围创建所需的空间。