如何創建：全寬（塊級）按鈕

學習如何使用 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 按鈕