CSS 按钮样式：如何自定义按钮大小、字体和居中

自定义按钮样式：放大按钮、调整字体和居中内容

想要创建一个醒目的按钮？你可以通过 CSS 自定义按钮的大小、字体和内容位置。以下代码示例演示了如何实现：

button {
  border: none;
  padding: 0;
  z-index: 1000;
  width: 200px; /* 设置按钮宽度 */
  height: 50px; /* 设置按钮高度 */
  font-size: 20px; /* 设置字体大小 */
  text-align: center; /* 文字水平居中 */
  line-height: 50px; /* 文字垂直居中 */
}

代码解释：

• width 和 height 属性分别控制按钮的宽度和高度。
• font-size 属性设置按钮文本的字体大小。
• text-align: center; 使按钮内的文本水平居中。
• line-height 属性与按钮高度一致，使按钮内的文本垂直居中。

你可以根据自己的需求调整 width, height 和 font-size 的值来定制按钮样式。