このプロンプトは、複数のコンテンツをタブで切り替えられるセクションを作成します。タブの内容に応じて情報を整理し、ユーザーに見やすく提供します。
目次
プロンプト
タブセクションのHTML、CSS、JavaScriptコードを作成してください。 - タブの数:{タブ数} - 各タブのタイトルと内容:{タブ情報}(例:タブ1: 特徴、内容: 高速性能) - 配色:{配色} - アクティブ時のエフェクト:{エフェクト}
プロンプトの使い方
例えば、
「タブの数:3
各タブのタイトルと内容:タブ1: 特徴, 内容: 高速性能, タブ2: 料金, 内容: お手頃価格, タブ3: サポート, 内容: 24時間対応
配色:青と白
アクティブ時のエフェクト:シャドウ」
と入力してください。AIがタブ切り替えが可能なコードを生成します。このコードを利用して、情報が整理されたタブセクションを簡単に作成できます。