如何创建 - 全宽(块)按钮
了解如何使用 CSS 设置块状按钮(全角)的样式。
如何设置块按钮的样式
步骤 1) 添加 HTML:
实例
<button
type="button" class="block">Block Button</button>
步骤 2) 添加 CSS:
要创建全宽按钮,添加 100% 的宽度并使其成为块元素:
实例
.block {
display: block;
width: 100%;
border: none;
background-color: #4CAF50;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
亲自试一试 »
转到我们的 CSS 按钮教程,了解有关如何设置按钮样式的更多信息。