html - 仅导航栏事件类文本的边框

Question

在此图片中，“面试经验”的事件类将显示为“问题”等选项卡。

<li class="active">
<a href="ras.php"><i class="fa fa-hourglass-end" ></i>Interview Experiences</a>
</li>

我只想要文本的边框，例如问题选项卡。 css设计是

.active
{
 background-color: #e7e7e7;
}

Answer 1

或者，如果您只想在链接周围使用它 - 只需为链接本身设置样式。我假设你在悬停时想要它？如果没有，只需删除:hover。

HTML:

<a href="#" class="border">

CSS:

a.border:hover {
  border: 1px solid #000;
  padding: 5px;
}