どのように作成するか：全幅（ブロック）ボタン
- 前のページ ナビゲーション内の更多ボタン
- 次のページ テキストボタン
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ボタン
- 前のページ ナビゲーション内の更多ボタン
- 次のページ テキストボタン
