Html 使按钮看起来与链接相同

我试图让我的个人资料链接看起来与它旁边的注销链接完全相同

---

它们都使用同一个类，所以我猜它们看起来不同的原因是一个是链接，另一个是按钮。我需要做什么才能使它们完全相同？

大多数浏览器都会在

和

.header\u按钮{
背景：#00cc66；
边界半径：8px；
保证金：5px；
填充：6px 6px 6px 10px；
字体大小：30px；
字体系列：“龙虾”，草书；
显示：内联块；
}
.标题按钮，.标题按钮>a{
文字装饰：无；
颜色：#fff；
}
.hb-4，
.hb-5，
a、 血红蛋白-5{
背景：#00cc66；
浮动：对；
文字装饰：无；
}
输入{
边界：无；
}
大多数浏览器向
和


.header\u按钮{
背景：#00cc66；
边界半径：8px；
保证金：5px；
填充：6px 6px 6px 10px；
字体大小：30px；
字体系列：“龙虾”，草书；
显示：内联块；
}
.标题按钮，.标题按钮>a{
文字装饰：无；
颜色：#fff；
}
.hb-4，
.hb-5，
a、 血红蛋白-5{
背景：#00cc66；
浮动：对；
文字装饰：无；
}
输入{
边界：无；
}
继续并添加以下内容：

.header_buttons a {
  color: #fff;
  text-decoration: none;
}

继续并添加以下内容：

.header_buttons a {
  color: #fff;
  text-decoration: none;
}

你在做a，hb-5和a的父母一样。因此，这些样式不起作用。因此，您可以使用

.hb-5 a{
背景：#00cc66；
浮动：对；
文字装饰：无；
}
你在做a.hb-5，就像a有父hb-5一样。因此，这些样式不起作用。因此，您可以使用

.hb-5 a{
背景：#00cc66；
浮动：对；
文字装饰：无；
}