css - 在 li 标签之间添加间隙时遇到问题

Question

  <ul>
            <li><a href="#">Brantford Grandview</a></li>
            <li><a href="#">Brantford Vintage</a></li>
            <li><a href="#">Kingston <br/>River Park</a></li>
            <li><a href="#">Paris</a></li>
        </ul>

我正在构建一个非常基本的下拉菜单。现在，我只是在每个 li 上添加一个顶部边框，给它一条灰线。但是，我想要的是链接之间有 1 或 2 像素的间隙，以便用户可以看到后面的背景。我尝试在 li 之间添加一个高度为 1px 的 div 选项卡，但它不起作用。

谢谢

Answer 1

li 内的填充会起作用。

 li{
    padding-top:2px;
 }

会在 li 中留下 2px 的空间并显示背景。