《CSS》ナビゲーション・メニューを作ろう！

こんな人に読んで欲しい！
・Webサイトのメニューの作り方を知りたい人

こんにちは、「なゆた」です！
Webサイトのメニューは、「ナビゲーション・メニュー」と言います。
今回は皆さんに、「CSS」での「ナビゲーション・メニュー」の作り方をお教えします。
まだクリックできない状態での作成となりますが、メニューの外見だけでも参考になればと思います。

まずは「HTMLファイル」を開いて、＜ul＞・＜li＞タグを使ってリストを作ります。作り終えたら、「CSSファイル」と連携します。

①まず最初は＜body＞タグです。中にフォントの種類・ファミリ名を入力します。（上のタグは、メニューの大きさの設定です。）

②次は＜ul＞タグ内の「g_navi」IDです。以下の属性を入力します。（「list-style-type」とは、リストの表示形式のことです。）

③最後は「g_navi」ID内の＜li＞タグです。以下の属性を入力して完成です！（「dotted」とは、点線のことです。）

完成例が、こちらです！

いかがでしたか？この「ナビゲーション・メニュー」もとても役に立ちますので、ぜひ皆さんも参考にしてください！
以上です、ありがとうございました！