填充的基本语法如下:
selector {
padding: top right bottom left;
}
- top:定义元素的上填充。
- right:定义元素的右填充。
- bottom:定义元素的下填充。
- left:定义元素的左填充。
每个值可以是正数、负数、零,也可以是百分比。下面是一些例子:
/* 设置所有方向的填充为10像素 */
.element {
padding: 10px;
}
/* 设置上下填充为5像素,左右填充为10像素 */
.element {
padding: 5px 10px;
}
/* 分别设置四个方向的填充 */
.element {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
}
填充的值会影响元素的大小,但不会影响元素的边框大小。填充常用于调整元素内部内容与边框之间的距离,以改善页面的排版和样式。
请注意,填充不同于外边距(Margin),外边距是元素与其周围元素之间的距离,而填充是元素内容与其边框之间的距离。
转载请注明出处:http://www.zyzy.cn/article/detail/4004/CSS