css - WordPress 导航栏中一个链接周围的边框

Question

我正在尝试弄清楚如何在我的 WordPress 导航中的一个链接周围放置 1px 边框。我发现了一篇类似的文章，但它不在 Wordpress 中，所以它没有太大帮助，但这就是我想要为我的 Go Virtual 链接做的事情:

该网站的链接是:http://testsite.we-are-prodigy.com/

当我使用代码时:

.menu-item-1864 {
border: 1px solid #000;
}

我明白了:

我想要仅围绕单词的边框，而不是整个框。

Answer 1

问题是链接与菜单的高度相同。快速浏览该网站后，我注意到链接内有 Span 标签。因此，您可以更改选择器以设置内部跨度的样式。然后你可以添加一些填充物以获得喘息空间。像这样的东西。

.menu-item-1864 span {
  border: 1px solid black;
  padding: 5px;
}