如何 - 全寬(塊級)按鈕
瞭解如何使用 CSS 樣式化塊級按鈕(全寬)。
如何樣式化塊級按鈕
步驟 1) 新增 HTML
示例
<button type="button" class="block">塊級按鈕</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 按鈕教程,瞭解更多關於如何樣式化按鈕的資訊。