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

小编典典

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

all

我正在使用
ASP.NET，我的一些按钮只是做重定向。我宁愿它们是普通的链接，但我不希望我的用户注意到外观上有很大的不同。我考虑过由锚（即标签）包裹的图像，但我不想每次更改按钮上的文本时都必须启动图像编辑器。

阅读 93

2022-07-18

共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>

2022-07-18