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>

在样式表中创建可单击的框

1 个答案: