tailwindcss实现图片按钮和文字按钮

要实现图片按钮和文字按钮，可以使用 Tailwind CSS 提供的类来设置样式。下面是两个示例：

1. 图片按钮

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  <img src="path/to/image" alt="Button Image" class="w-6 h-6 mr-2 inline-block">
  Button Text
</button>

在上述示例中，我们使用了 `bg-blue-500` 和 `hover:bg-blue-700` 类来设置按钮的背景颜色，`text-white` 类来设置文本颜色为白色，`font-bold` 类来设置文本加粗，`py-2` 和 `px-4` 类来设置按钮的垂直和水平内边距，`rounded` 类来设置按钮的圆角。

图片部分我们使用了 `img` 标签来插入图片，并使用 `w-6` 和 `h-6` 类来设置图片的宽度和高度，`mr-2` 类来设置图片与文本之间的间距。

2. 文字按钮

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  Button Text
</button>

在上述示例中，我们使用了与图片按钮相同的类来设置样式，不同之处在于没有插入图片。

注意，上述示例中的颜色、文本、图片路径等都需要根据实际需求进行修改。