如何将 url 或.html 页面链接链接到 CSS 按钮

Question

我在根目录中有一个“migrated.html”页面。 如何将该链接添加到此 CSS 样式按钮？

<button onclick="#" <a href="migrated.html" class="glossy-button glossy-button--red"></a>Migrated</button>

上面的 html 代码对我不起作用。

这是代码集的链接：

https://codepen.io/prateek-vishwas/pen/Rwwpzjo

Answer 1

有几种不同的方法可以实现这一点。

但是，据我了解，听起来您只需要一个带有href属性的锚<a>标记，其样式类似于此按钮。

您只需在按钮上的锚标签上设置相同的 class 即可，因此您应该收到

<a href = "url-to-ur-page" class = glossy-button glossy-button--red>Migrated</a>

Answer 2

为什么它必须是一个按钮？ 为什么不使用普通的“A”标签并将他的样式设置为按钮？

<a href="migrated.html" class="glossy-button glossy-button--red">!!!Migrated!!! 
</a>

在您的代码笔中工作 - 我只是在标签内移动了迁移的文本

即使没有 javascript，这也可以工作。 无论如何。改变当前 url 的 js 是

window.location = 'your url';

  <button onclick="window.location='migrated.html';"> 
   <a href="migrated.html" class="glossy-button glossy-button--red"></a>
   Migrated
   </button>

这也适用于您的笔