※ ChatGPTを利用し、要約された質問です（原文：ＣＳＳ、ＨＴＭＬのメニューリストの解説をお願いします）
CSS、HTMLのメニューリストの解説と作成方法
このQ&Aのポイント
CSS、HTMLのメニューリストの解説と作成方法について詳しく解説します。
初心者でも理解しやすいように、上記サイトのメニューリストの構造や要素を抜粋して説明します。
上記サイトを参考に、自分自身でも同様のメニューリストを作成する方法を解説します。
ＣＳＳ、ＨＴＭＬのメニューリストの解説をお願いします
宜しくお願い致します、趣味でホームページ制作をはじめました。
http://www.b-architects.com/
上記のサイトのトップページの
「メニューの部分だけ（リスト）」、
構造を理解して自分もこんな感じでメニューを作りたいと思っています。
ちなみに私の知識としては、ＨＴＭＬの記述は非常に初心者レベルで記述できる程度、ＣＳＳに関しても同じであります。
上記サイトを理解する上でまず、上記サイトのトップ画面を開いた上で、
ファイル→名前を付けて保存する
事で、上記サイトの構成しているファイルと部品（ＣＳＳファイルやら
画像）を保存して、上記サイトのＨＴＭＬソースを眺めながら、
「メニュー（リスト）の部分だけ」
理解し、自分も同じように記述して習得しようとしているのですが、
「ちんぷんかんぷん」です。
まず、メニュー（リスト）にあるサービス～ケーススタディの左横の
縦の棒ですが、これは画像なんでしょうか？ソースで記述されたものなのでしょうか？
先ほども私が書いたように、トップページからファイル→保存をすると
このページを構成するファイルと部品（ＣＳＳファイルやら画像）は確かに
保存されてますが、縦の棒に該当する画像は保存されてませんでした。では
ソースでＣＳＳか何かで記述されているのだろうか？と思い外部ＣＳＳファイルを睨めっこしたのですが、そんな形跡がありません。
このサイトはプロのデザイン制作会社のページなのでコード文字数が多く
なかなか私も完全に構造内容を確実に把握できません。
「メニュー（リスト）部分のみ」でいいのでどなた様かどうか解説して
頂けないでしょうか？
また私もどうも地頭が悪いので、メニュー（リスト）の部分を構成する
ＨＴＭＬとＣＳＳを抜粋して説明して頂けると本当に有難いです。
友人には、そんな難しいサイトで勉強せず、適当にテーブルで作ればい
いだろうが！と言われますが、なんとかこのサイトで理解したいんです。
上記サイトの構造を眺めて２週間ですが、全然わかりません。
助けて下さい。宜しくお願い致します。
お礼
非常に簡潔で分かり易い説明で 「感激！！」しました。相談文を送信したあと、わたしが相談した内容が 回答者さまにきちんと伝わるだろうか、解釈しにくい文面になっている ような気がずっとしてました。 回答者さま、から頂いた文面を拝見して是非Firefox+firebugを使用し たいな、と思っています。頂いた回答も明確で親切で分かり易く尚且つ、 「専門家としてのプライドをビンビンに感じました」 凄い人に回答頂いて感謝感激です。 本当に有難うございました！