html 開閉 ボタン
html アコーディオンメニュー
シンプルなボタン
もっと詳しく見る
ここに内容を記載してください。
HTML コード
<p><button onclick="location.href='ここでURLを指定してください'" style="display: block; margin-left: auto; margin-right: auto; padding: 10px 20px; font-weight: bold; background-color: #3498db; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;" onmouseover="this.style.backgroundColor='#2980b9'" onmouseout="this.style.backgroundColor='#3498db'" onmousedown="this.style.opacity='0.5'" onmouseup="this.style.opacity='1'">ボタンデザイン</button></p>
＜ボックスカラーを変更＞
背景色：
背景色：
背景色：
枠色 ：
背景色：
背景色：
背景色：
枠色 ：
タイトルアイコンを追加
| ▲ | .. | + |
| v | . | . |
サンプルデザイン
▲サンプル１
このデザインを反映する。
..サンプル２
このデザインを反映する。
+サンプル３
このデザインを反映する。
vサンプル４
このデザインを反映する。
.サンプル５
このデザインを反映する。
.サンプル６
このデザインを反映する。
▲もっと詳しく見る
ここに内容を記載してください。
..もっと詳しく見る
ここに内容を記載してください。
+もっと詳しく見る
ここに内容を記載してください。
vもっと詳しく見る
ここに内容を記載してください。
.もっと詳しく見る
ここに内容を記載してください。
.もっと詳しく見る
ここに内容を記載してください。
ーーーーーーーーーーーーー
ーーーーーーーーーーーーー
ーーーーーーーーーーーーー
ーーーーーーーーーーーーー
ーーーーーーーーーーーーー