添加按钮 HTML 的链接

2023-12-29

我正在尝试添加链接到我的按钮。

我当前的 HTML 代码如下

<td>
  <button style="background: url('images/button1.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 0;">Get Support</button>

  <td>
    <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 0;">Shop Bike</button>
  </td>
  <td>
    <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 200px;">Button Three</button>
  </td>

如何为每个按钮添加到其他页面的链接 例如...如果我单击:获取支持按钮,它会将我重定向到我已经创建的支持页面。


<a>是用于创建链接的 HTML 元素,而不是<button>,所以使用<a>元素与href属性instead of a <button>.

然后,您可以根据需要将其样式设置为看起来很像按钮(尽管我注意到您应用到您的应用程序的大部分 CSS<button>elements 旨在使其看起来unlike一个按钮。您可能需要做的唯一一件事是display: inline-block; text-decoration: none; color: black).

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

添加按钮 HTML 的链接 的相关文章