1. カメラ
  2. カーオーディオ&エレクトロニクス
  3. ホームオーディオ
  4. パーソナルオーディオ
  5. テレビ
  6. スマートホーム
  >> 電子技術オンライン >  >> パーソナルオーディオ >> ミニディスクプレーヤー

Adobe Dream-Weaver でドロップダウン メニューを作成するにはどうすればよいですか?

ステップ 1:新しい HTML ドキュメントを作成する

1. Adob​​e Dreamweaver を開きます。

2. 新しいドキュメント をクリックします。 ファイルから メニュー。

3. HTML を選択します。 ドキュメント タイプから リスト。

4. [OK] をクリックします。 新しいドキュメントを作成します。

ステップ 2:ドロップダウン メニューの HTML コードを追加する

1.コードビューで Dreamweaver ドキュメントの次の HTML コードを追加します。

```html

<選択>

「」

ステップ 3:ドロップダウン メニューをプレビューする

1.プレビューをクリックします。 Dreamweaver ツールバーの ボタンをクリックして、ドロップダウン メニューをプレビューします。

2. 3 つのオプションを含むドロップダウン メニューが表示されます。

ステップ 4:ドロップダウン メニューに CSS スタイルを追加する

1. CSS 内 Dreamweaver ドキュメントのセクションに、次の CSS コードを追加します。

```css

{を選択してください

幅:200ピクセル;

マージン:0 自動;

}

「」

ステップ 5:スタイルを設定したドロップダウン メニューをプレビューする

1.プレビューをクリックします。 ボタンをもう一度クリックして、スタイルを含むドロップダウン メニューをプレビューします。

2. ページの中央に幅 200 ピクセルのドロップダウン メニューが表示されます。