button自定义样式

要自定义按钮样式，可以使用CSS样式表。以下是一些常见的按钮样式。

1. 基本按钮样式：

button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

2. 悬浮效果：

button:hover {
  opacity: 0.8;
}

3. 点击效果：

button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

4. 边框样式：

button {
  border: 2px solid #4CAF50;
}

5. 圆角按钮：

button {
  border-radius: 12px;
}

6. 渐变背景色：

button {
  background: linear-gradient(45deg, #4CAF50, #008CBA);
}

7. 图像按钮：

<button style="background-image: url('image.png');">按钮</button>

这些是常见的按钮样式，可以根据需求进行修改。