横並びリストでナビゲーションの作成

Check Tweet

ナビゲーションセクションのスタイルを変更するには

Expression Webの組み込みCSSレイアウトテンプレートにおいて、ナビゲーションエリアのスタイルの名前は「#top_nav」です。このセクションエリア全体のスタイルを設定しましょう。

1. 「#top_nav」を右クリックして［スタイルの変更］をクリックします。
   
2. ［スタイルの変更］ダイアログボックスが表示されたらカテゴリボックスのなかから［背景］を選択します。
3. ［background-color］プロパティに色を指定します（背景色の指定方法は『ヘッダーやフッターの背景色を設定するには』を参考にします）。
   
4. ［カテゴリ］ボックスの一覧から［配置］を選択します。
5. ［height］ボックスにナビゲーションセクションの高さを指定する任意の値を入力します。ここでは1.3em（1.3文字分）と入力します（heightプロパティで高さを設定しないと、リスト項目を横並びにした場合に背景色などが反映されません）。
   
6. ［OK］ボタンをクリックすると、ナビゲーションセクションのスタイルが設定されました。
   

#top_nav のスタイルのコードは以下の通りです。

#top_nav {
	background-color: #FFFF99;
	height: 1.3em;
}

問題は解決しましたか？

操作方法、設定方法等で困ったら、Expression Web & FrontPage Users Forum に投稿してください！

▲このページのトップへ