html - 在样式表中创建一个可点击框

Question

如何在网页的样式表中实现可点击框？

框将使用如下方法创建:

<p style="text-align:center;"><a class="page-button" href="/page/form.cfm" style="text-align:center;">Submit an Application</a></p>

Answer 1

使框(链接)看起来类似于 SMSU site 上的“学生推荐表”按钮你提供了，你可以给 .page-button 链接类任何背景，文本颜色，一些填充，没有文本装饰。对于 :hover 状态，只需使用比正常状态更浅的背景颜色即可。

a.page-button {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
}
a.page-button:hover {
  background: #333;
}

<p style="text-align:center;">
  <a class="page-button" href="/page/form.cfm" style="text-align:center;">Submit an Application</a>
</p>