p { padding: 10px; }
这个样式将在每个段落的四个方向(上、右、下、左)添加10像素的填充。你也可以分别设置不同的方向,例如:
p { padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; }
这个样式将在段落的每个方向上分别添加不同的填充量。
虽然填充可以通过定位和边框来模拟,但是它具有更强的灵活性和可控性。它也可以与盒子模型(box model)的其他属性(如边框和外边距)一起使用,以控制元素的大小和位置。
总之,在设计网页时,CSS填充是一个重要的工具。它可以帮助你实现各种布局和设计效果,提高网站的可读性和美观度。