方法-全幅(ブロック)ボタン
CSSを使用してブロックボタン(全幅)のスタイルを設定する方法を学びます。
ブロックボタンのスタイルを設定する方法
ステップ1)HTMLを追加します。
例
<button
type="button" class="block">Block Button</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ボタンのチュートリアルにアクセスしてください。