一、padding属性概述
padding属性用于设置元素的内边距，即元素内容和元素边框之间的距离。语法如下：
selector {
padding: top right bottom left;
}
其中top、right、bottom、left为可选值，表示元素上、右、下、左四个方向的内边距值，分别表示单位为像素、百分比等。
二、padding属性的作用
1. 控制元素的大小
通过设置元素的padding值，可以控制元素的大小。例如，下面的CSS代码将设置两个不同的div元素，分别设置了不同的padding值。
div {
width: 300px;
height: 100px;
background-color: #ccc;
}
div.with-padding {
padding: 30px;
background-color: #f00;
}
结果，第二个div元素的padding值使其周围留有一定的空白区域，使其整体大小变大。
原创文章，作者：IHFK，如若转载，请注明出处：https://www.506064.com/n/140972.html
微信扫一扫 
支付宝扫一扫 