如何 - 全宽(块)按钮
了解如何使用 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 按钮教程 了解有关如何样式化按钮的更多信息。