p { margin-bottom: 20px; }
上述代码表示在每个<p>
元素的下方留出 20 像素的间距。
如果想要为所有文本添加相同的下边距,可以添加以下样式:
body { margin-bottom: 20px; }
此时整个文档都会在底部留出 20 像素的空白。
如果想要为某个特定的段落添加不同的下边距,可以为该元素单独设置样式:
<p class="special">这个段落有特殊的下边距</p> .special { margin-bottom: 30px; }
上述代码表示只为 class 为 “special” 的元素添加 30 像素的下边距。
最后,值得注意的是,文本下边距对于排版的影响非常大,合适的下边距可以使得网页看起来更加美观舒适。