p { margin: 10px 0; padding: 0 20px; }
上述代码中,大家为<p>
标签设置了上下边距为 10px,左右内边距为 20px。即使多个<p>
元素排在一起,它们之间的间距也保持一致。大家可以通过调整 margin 和 padding 中的具体数值,来达到各种不同的间距效果。
同时,大家还可以通过line-height
属性进一步调整行间距。该属性主要用于设置文字的行高,并同样可以作用于段落元素。比如:
p { margin: 10px 0; padding: 0 20px; line-height: 1.5; }
上述代码将为<p>
标签设置行高为字体大小的 1.5 倍。通过合理地运用以上属性,大家可以为网页添加精致的排版效果,提升用户体验。