全宽（块）按钮

---

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

---

Block Button

---

如何设置块按钮的样式

步骤 1) 添加 HTML:

实例

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

---

步骤 2) 添加 CSS:

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

实例

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #4CAF50;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
} 亲自试一试 »

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