MENU
  1. ホーム
  2. TAB

TAB

By radio button

ラジオボタンで作るタブ

背景が単色のシンプルなタブです。タブの文言がはっきり見えるだけでなく、色を変えることでどんなサイトにも馴染みやすいのが特徴です。
ぜひタブの背景色をお好みのものに変えてみてください。
もちろんレスポンシブ対応で、タブの追加にも対応しています。
シンプル▼
上に枠線の付いたタブです。現在表示されているタブがどれなのか判別しやすいのが特徴。背景が白以外の箇所で利用するとよりおしゃれに見えます。
ぜひ線の色をお好みの色に変えてみてください。
もちろんレスポンシブ対応で、タブの追加にも対応しています。
付箋風▼
アクティブになると下線が付くタブです。アクティブ時の文字色と下線の色は揃えるのがおすすめです。
ぜひお好みの色にアレンジしてみてください。
もちろんレスポンシブ対応で、タブの追加にも対応しています。
下線あり▼
アクティブになると吹き出しのように変化するタブ。タブの内容をより際立たせたい場合などにおすすめなデザインです。
ぜひお好みの色にアレンジしてみてください。
もちろんレスポンシブ対応で、タブの追加にも対応しています。
吹き出し風▼
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
Thanks
お疲れ様でした！

デザインの作成が完了しました。

X ポスト B! はてブ