yahooニュースの様な見出し？メニュー？制作方法

質問

http://headlines.yahoo.co.jp/hl?c=c_int&t=l&p=1
このページの中段左にある

1000円ギフト券プレゼント や ≪グルーポン≫限定割引クーポン
のようなメニューはどうやって作るのでしょうか？

始めは背景画像の上にテキストを入れてpositionで指定しているのかと思ったのですが、htmlにも見当たりません。
どういう風に作っているのでしょうか？
簡単な説明でいいので教えてください。
よろしくお願いします。

回答No.1

hkd9001 · ベストアンサー

こんにちは。

これは、ＣＳＳ（スタイルシート）で指定しているみたいですね。

もし質問者さんが　Ｉｎｔｅｎｎｅｔ　Ｅｘｐｌｏｒｅｒ　をお使いなら
メニューの「表示」から「ソース」をクリックしてみてください。
すると、（≪グルーポン≫の例でいえば）６行目あたりに
「～/jb/css/subscriptions/lp0004.css」という記述があるでしょう。
この「lp0004.css」の中に、画面の色や配置などに関する情報が
通常は入っています。

ＣＳＳの詳細については、専門書やネットで検索してみてください。

お礼

お返事ありがとうございます。
やはりCSSですか。

「1000円ギフト券プレゼント」
の文章がテキストなのにhtmlに記載されていないことが不思議に思いました。
CSSはhtmlを装飾するための外部ファイルなのに、画像を使わずにどの様な方法でCSSでテキストをうったのか調べてみます。
それともどこか見落としてるのかな？
lp0004.cssをもう少し勉強してみます。
ありがとうございました。