html 中好看的按钮样式 按钮背景色没有 字体为微软雅黑

以下是一个简单的 HTML 按钮样式示例，具有漂亮的背景颜色和微软雅黑字体：

<style>
  .button {
    background-color: #4CAF50; /* 设置背景颜色 */
    color: #fff; /* 设置字体颜色 */
    font-family: "Microsoft Yahei", sans-serif; /* 设置字体为微软雅黑 */
    padding: 10px 20px; /* 设置内边距 */
    border-radius: 5px; /* 设置圆角 */
    border: none; /* 去除边框 */
    cursor: pointer; /* 设置鼠标光标为手型 */
  }

  .button:hover {
    background-color: #3e8e41; /* 设置鼠标悬停时的背景颜色 */
  }
</style>

<button class="button">按钮</button>

这将创建一个绿色背景、白色文本、微软雅黑字体的按钮。您可以更改 `background-color` 属性以更改背景颜色，更改 `color` 属性以更改文本颜色，以及更改 `font-family` 属性以更改字体。