Html 下划线<；p>；悬停，但它不应该'；t、 使用引导

我有一个参考标签附加到一个按钮，以便将按钮链接到另一个页面。我认为它使正常的文本是标记p和h2，在悬停时加下划线。我试着把它们分开放在不同的分区里，但没有效果，没有任何建议。提前谢谢。以下是我当前的代码：

---

正如有人所说，将按钮放在

内是无效的。相反，创建一个类并使用css设置其样式。此方法不应干扰您的

和

标记

标题
正文

.btn{
-moz边界半径：28px；
-webkit边界半径：28px；
背景色：透明；
边框：实心#2A3A3F 2px；
边界半径：28px；
颜色：#2A3A3F；
字体大小：20px；
填充：10px 45px 10px 45px；
文字装饰：无；
}
.btn:悬停{
背景：#2a3f；
颜色：#fccf29；
文字装饰：无；
}

您可以发布相关的CSS代码，或者甚至是一把小提琴来重现问题吗？您没有包含任何代码。我们需要查看重现问题的HTML和CSS。

。

在技术上是无效的。如果你想要的话，使用CSS使它看起来像一个按钮。请在问题的主体中包含代码。不是图像。如果我们想尝试复制这个问题，我们不会尝试从和映像中重新键入代码。此外，在公司环境中，图像棚屋经常被防火墙拦截。感谢这一尝试，但这仍然没有解决问题problem@JoeWild你可以发布你的html和css代码，也许在小提琴上，这样我们就可以看到你遇到的问题。

<div class="col-md-7">
 <h2>Heading</h2>
  <p>text</p>
  <a href="#" class="btn" role="button">Hello World!</a>
</div>


.btn {
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    background-color: transparent;
    border: solid #2A3A3F 2px;
    border-radius: 28px;
    color: #2A3A3F;
    font-size: 20px;
    padding: 10px 45px 10px 45px;
    text-decoration: none;
}

.btn:hover {
    background: #2A3A3F;
    color: #fccf29;
    text-decoration: none;
}