p { padding: 20px; }
这个代码块将应用于所有的段落元素(p),将增加它们的填充宽度。为了更好的控制样式,您可以使用下列代码来分别控制不同的填充方向:
p { padding-top: 20px; padding-right: 30px; padding-bottom: 25px; padding-left: 35px; }
使用这种方法可以指定每一个边缘上的填充宽度,既可以简单的分别指定,也可以使用如下的方式同时设置它们:
p { padding: 20px 30px 25px 35px; }
以上代码将先设置顶部填充为20像素,其次设置右侧填充为30像素,然后将底部填充设置为25像素,最后设置左侧填充为35像素。