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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (49)

我使用ASP.NET时我的一些按钮只是重定向。我希望他们是普通的链接,不希望我的用户注意到外观上的不同。我考虑了由锚点(即标签)包裹的图像,但我不想每次更改按钮上的文本时都必须启动图像编辑器。

提问于
用户回答回答于

将这个类应用于它

.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>
用户回答回答于
<a href="somepage.html"><button type="button">Text of Some Page</button></a>

我尝试了上述,并得到了我想要的。

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

扫码关注云+社区

领取腾讯云代金券