操作方法 - 全宽（块）按钮

了解如何使用 CSS 设置块按钮（全角）的样式。

如何设置块按钮的样式

步骤1）添加HTML：

示例

<button type="button" class="block">Block Button</button>

步骤2）添加CSS：

要创建全角按钮，请添加 100% 的宽度并使其成为块元素：

示例

.block {
  display: block;
  width: 100%;
  border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
  cursor: pointer;
  text-align: center;
}

亲自试一试 »

去我们的CSS 按钮教程了解有关如何设置按钮样式的更多信息。