css - 减少 li 的边框和文本之间的空间

Question

我有以下代码:

<ul>
<li style="border: 300 red dashed">hello</li>
</ul>

得到类似的东西:

你好

---

我想缩小差距，即我想折叠边框，使其触及“你好”这个词的底部。我清楚吗？ :)有帮助吗？

Answer 1

简单:

<ul>
    <li style="border: 300 red dashed; padding-bottom:2px;">hello</li>
</ul>

只需将 2px 更改为您需要的值即可。

Padding 指定内容和边框之间的距离，查看 CSS box model 可能会有所帮助，我已将我的钉在墙上以供引用。