减少li的边界和文本之间的空间

Question

我有以下代码：

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

得到类似的东西：

您好

---

我想缩小差距，即我想要折叠边框，以便触及“hello”这个词的基础。 我清楚了吗？ :) 有什么帮助吗？

Answer 1

简单：

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

只需将2px更改为您需要的任何内容。

填充指定内容与边框之间的距离，查看CSS box model可能是有益的，我将其固定在墙上以供参考。

Answer 2

使用css padding

<强>更新

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

Answer 3

尝试使用line-height属性，然后根据需要调整百分比：

<ul>
  <li style="border: 1px red dashed; line-height:80%;">hello</li>
</ul>

另外，你真的想要一个300px的边框吗？