アメリカのヤフーのようなメニューの作成

質問

ホームページを作成しています。
趣味でサイトを作っているので、素人です。
アメリカのヤフーのトップページ左側にあるような、「アイコンが左側にあって、その横にAnswersとかAutosのようなリンクがあるメニュー」はどうすれば作ることができますか？
http://www.yahoo.com/

cssでulの先頭に画像を入れてみましたが、これだと同じアイコンしか表示されません。
一行ずつ違うアイコンを表示できるようにしたいです。

完璧にヤフーと同じ方法は、恐らく私には無理なので、”それっぽく見える”方法などがあればと思うのですが。
すべてのページに同じメニューを作りたいので、できるだけ余計なタグが入らない方法（cssなどで）があれば、教えていただきたいです。

回答No.1

utano_m · ベストアンサー

提示されているページのソースを覗いてみました。

アンカータグに直接スタイルが指定されており
バックグランドイメージのポジションを少しづつずらしている事から
それぞれのアイコンを同じ間隔を空けて並べた大きな画像をCSSでアンカータグに指定し
実際のタグにスタイルで表示ポジションを指定するというやり方をとっていると思われます。