op.value = value.cd;   5   display: block; そもそもCSSについてよく分からないという方は、CSSの書き方について解説した記事を読むとさらに理解が深まるでしょう。 ドロップダウンメニューでは、より大きな領域を確保する方が良いでしょう。 }     {cd:"", label:"選択して下さい"}, コーディング例はこのようになります。   大石ゆかり   }                    var asianFoods = [ 複数配置する場合は、下記のコードでチェックボックスではなく、ラジオボタンにしましょう。 チェックされていない場合は非表示、チェックされている場合は表示の状態です。 サブメニューのドロップダウンをメインメニューの横に表示したい場合には、CSSのpositionプロパティを使用して位置を調整することができます。 See the, ※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました 子要素をクリックすると、さらに項目が出てくるプログラムコードは下記のように記述します。 10月   } 『ドロップダウン ナビゲーション：シングル【デモ】』と同じです。, 今回は、HTML＋CSSだけでシンプルなドロップダウンのナビゲーションを作る方法をご紹介しました。 目印には、矢印、ドット、四角形など目立ちやすい記号を使用します。一般的な記号を使用している限り、ユーザーはその記号の意味を理解できるでしょう。                  color: gray; 2月 } なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のCSSカリキュラムをもとに執筆しています。