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

一尘不染

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

css

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

阅读 294

2020-05-16

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

2020-05-16