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