CSS - 将边框移近文本

Question

我有链接，我想要一个边框，但我不能让边框看起来更接近文字。下面是元素的css;

.signup{
    border: 1px solid;
    border-radius: 10px;}

将边框显示为;

如果我添加height: 1.2em，则会减少底部间距，但不会减少顶部间距;

如何缩短文字上方的间距？

我使用引导平坦的主题http://bootswatch.com/flatly/我希望边框的元素是＆＃39; WrapBootstrap＆＃39;在导航栏的右上角。

Answer 1

您应该将border样式提供给<span>本身。

span{
 border: 1px solid black;
 border-radius: 10px;
 padding: 5px 10px;
}

编辑padding将允许您从文本中移动边框。

在您的情况下，position和<span>的{​​{1}}可能会导致出现差异。就像@dfsq指出的那样，可能还有其他因素。