tailwindcss怎么通过button与另一个页面相连
时间: 2024-01-24 17:17:26 浏览: 200
js点击button按钮跳转到另一个新页面
要通过 `button` 与另一个页面相连,你可以在 `button` 上添加一个 `href` 属性,该属性指向你要链接的页面的 URL。
使用 Tailwind CSS,你可以使用 `bg-[color]` 类来设置按钮的背景颜色,并使用 `hover:bg-[color]` 类来设置鼠标悬停时的背景颜色。以下是一个示例代码,演示如何创建一个通过 `button` 跳转到另一个页面的链接:
```html
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" href="/another-page">跳转到另一个页面</button>
```
在上面的代码中,`bg-blue-500` 类设置了按钮的背景颜色为蓝色,`hover:bg-blue-700` 类设置了鼠标悬停时的背景颜色为深蓝色。`text-white` 类设置了文本颜色为白色,`font-bold` 类设置了文本加粗。`py-2` 和 `px-4` 类分别设置了按钮的上下和左右内边距,`rounded` 类设置了按钮的圆角。
当用户点击按钮时,将会跳转到 `href` 属性指定的 URL 上。
阅读全文