如何在li标签的边框添加边距？

Question

我有一个菜单，我希望li标签有边框。我在我的css中这样做：

.sf-menu li a
    {
       list-style-position:inside;
       border: 2px solid white;
       color:#fffefe;
    }

但它有点难看。我希望通过放置一些边距使其工作：。我正在尝试但没有，我想不出相关的标签，以便在谷歌上搜索。

Answer 1

首先， list-style-position 应该应用于<UL>标记。 其次，您应该将边框设置为<li>标记，然后查看代码：

  .sf-menu li a

因此，您要在课程<a>的{​​{1}}内选择<li>，而您只需选择.sf-menu，只需：

<li>

请在jsfiddle（或任何其他平台）上举例以获得进一步的帮助

Answer 2

然后您需要在li tag上设置边框而不是a tag

.sf-menu li
    {
       border: 2px solid white;
    }

还应在ul tag中定义列表样式位置，而不是a tag

.sf-menu
    {
       list-style-position:inside;
    }

Answer 3

试试这个jsFiddle。我认为这就是你所追求的：http://jsfiddle.net/nnLjK/3/

我将您的.sf-menu和您的.sf-menu CSS声明分开了一点......

Answer 4

这也有效。我想找到其他解决方案。

.sf-menu li a
{
     list-style-position:inside;
     border: 2px solid white;
     border-radius: 8px;
     color:#fffefe;
     padding:8px;
}