ホームページにとって解り易いナビゲーションを作成することはとっても重要です。
HTMLとCSSを使ったナビゲーションのサンプルをいくつか作成してみました。

自由にダウンロードして改造して使っていただいて結構です♪

No画面せつめい使っている画像
01サンプル01 JavaScriptや<table>タグを使用せずHTMLとCSSのみで作成したシンプルなナビゲーションです。

背景

02サンプル02 JavaScriptや<table>タグを使用せずHTMLとCSSのみで作成したナビゲーションです。
CSS定義で<a>属性と<a:hover>属性の背景色を変更し、タブのように見せています。

なし

03サンプル03JavaScriptや<table>タグを使用せずHTMLとCSSのみで作成したナビゲーションです。
CSS定義で<a>属性と<a:hover>属性の背景イメージに違う画像を設定し、タブのように見せています。

バナー30

バナー32

バナー31

04サンプル04JavaScriptを使用せずHTMLとCSSのみで作成したシンプルなナビゲーションです。

背景

マーク03

05サンプル05JavaScriptや<table>タグを使用せずHTMLとCSSのみで作成したナビゲーションです。
CSS定義で<a>属性と<a:hover>属性の背景イメージに違う画像を設定し、タブのように見せています。

バナー41

バナー42

バナー40

ページトップへ