如何使html链接看起来像一个按钮？

Question

如何使html链接看起来像一个按钮？我使用ASP.NET，我的一些按钮只是重定向。我宁愿它们是普通的链接，但我不想让我的用户注意到外观上的差异。我考虑了由锚包的图像，即标记，但我不想每次更改按钮上的文本时都启动图像编辑器。

Answer 1

将这个类应用于它

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;}

<a href="#" class="button">Example</a>

Answer 2

虽然我认为这是愚蠢的，但我要发布这个古老的问题。

为什么不把一个锚标签包装在一个按钮元素上呢？

<a href="somepage.html"><button type="button">Text of Some Page</button></a>

在阅读了这篇文章，并尝试了被接受的答案，但没有我想要的结果，我尝试了上述，并得到了我想要的。

注

这只适用于IE9+，Chrome，Safari，Firefox，可能还有Opera。