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

Question

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

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

Answer 1

将这个类应用于它.button&nbsp;{ &nbsp;&nbsp;font:&nbsp;bold&nbsp;11px&nbsp;Arial; &nbsp;&nbsp;text-decoration:&nbsp;none; &nbsp;&nbsp;background-color:&nbsp;#EEEEEE; &nbsp;&nbsp;color:&nbsp;#333333; &nbsp;&nbsp;padding:&nbsp;2px&nbsp;6px&nbsp;2px&nbsp;6px; &nbsp;&nbsp;border-top:&nbsp;1px&nbsp;solid&nbsp;#CCCCCC; &nbsp;&nbsp;border-right:&nbsp;1px&nbsp;solid&nbsp;#333333; &nbsp;&nbsp;border-bottom:&nbsp;1px&nbsp;solid&nbsp;#333333; &nbsp;&nbsp;border-left:&nbsp;1px&nbsp;solid&nbsp;#CCCCCC;}<a&nbsp;href="#"&nbsp;class="button">Example</a>

Answer 2

虽然我认为这是愚蠢的，但我要发布这个古老的问题。为什么不把一个锚标签包装在一个按钮元素上呢？<a&nbsp;href="somepage.html"><button&nbsp;type="button">Text&nbsp;of&nbsp;Some&nbsp;Page</button></a>在阅读了这篇文章，并尝试了被接受的答案，但没有我想要的结果，我尝试了上述，并得到了我想要的。注这只适用于IE9+，Chrome，Safari，Firefox，可能还有Opera。