html按钮css自定义

要自定义 HTML 按钮的 CSS 样式，可以使用以下步骤：

1. 创建一个 HTML 按钮元素，比如 `<button>` 或者 `<input type="button">`。

2. 使用 CSS 选择器来选中按钮元素，比如 `button` 或者 `.my-button`。

3. 使用 CSS 属性来定义按钮的样式，比如 `background-color`、`border-radius`、`font-size` 等。

下面是一个简单的示例代码，演示如何自定义 HTML 按钮的 CSS 样式：

HTML 代码：

<button class="my-button">点击我</button>

CSS 代码：

.my-button {
  background-color: #4caf50;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

在这个示例中，我们使用 `.my-button` 选择器来选中按钮元素，并定义了一些 CSS 属性来自定义按钮的样式，比如背景颜色、字体颜色、边框、内边距、文本对齐方式、字体大小、圆角等。最后，我们还设置了 `cursor: pointer` 属性，使得鼠标悬浮在按钮上时会显示手型光标，以增强用户体验。