ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS の初心者は学習体験を共有しますか? Navigation_html/css_WEB-ITnose

DIV+CSS の初心者は学習体験を共有しますか? Navigation_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:28:511262ブラウズ

1. 一般的で実用的な水平ナビゲーション バー

新しい HTML ファイルを作成します:

コード:

< ; head>

一般的な水平ナビゲーションの作成方法

< /head>

         

これは最も一般的なナビゲーション バーの作成プロセスであり、マウスにアクセスして放す前にホバリングする効果を実現します。

以下は Web ページを開いたときの表示効果です:

以下は IE マウスホバリングの効果です:

興味のある友達は、background-color:#ff9933; を background-image に変更できます。 XXXXX; ぜひ試してみて、お気に入りの写真を追加すると、独自のパーソナライズされたナビゲーションを作成できます。

2. 垂直の赤い 3 次元ナビゲーション

縦型赤色立体ナビゲーション