如何创建：全宽（块级）按钮

学习如何使用 CSS 设置块级的按钮（全宽）的样式。

如何设置块级按钮的样式

第一步 - 添加 HTML：

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

第二步 - 添加 CSS：

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

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

亲自试一试

相关页面

教程：CSS 按钮