有什么方法可以使边框和文本之间有间距？

Question

我尝试了很多事情，但没有任何效果，我需要帮助，因为我想创建一个hire me按钮，但是可以创建一个在文本和边框之间指定间距的边框。

我有一张图片来显示我想要在这里显示的内容：

HTML代码：

<a class="hireme" href="#contact">HIRE ME</a>

Answer 1

这是一个起点：

.hireme {
  text-decoration: none;
  padding: 1ex;
  border: thin solid gray;
  border-radius: 1em;
  text-transform: uppercase;
  color: black;
}

<a class="hireme" href="#contact">Hire Me</a>

在此：

• text-decoration取消了链接的默认下划线
• padding在文本和边框之间放置空格
• border添加所需的边框-如果太暗，请尝试#ccc而不是灰色，或者网络上有CSS颜色选择器
• border-radius使边界变圆
• text-transform使文本大写显示
• color覆盖颜色，通常链接的默认颜色为蓝色