ページをレイアウトしてみよう その4 CSSの編集

前回予定したようなスタイルにページをうまく整えるべく、スタイルシートを再編集する。以下の4点が主なチャレンジだ。 ページの上部にラインを入れたい 背景画像としてビジュアルを配置したい 横に並べたリストの間にスラッシュを入れたい 全体を中央寄せにしたい それぞれについて具体的な記述方法と注意点を確認していこう。その中で浮かび上がった注意点についても解説したい。 ページの上部にラインを入れたい これはレイアウト全体をまとめるDIVのIDであるwrapperに対して以下のスタイルを与え、実現した ------------------------------------------ div#wrapper { width: 600px; margin-left: 20px; background-image: url(top_line.gif); background-repeat: repeat

[potappo]

<p id="photo">&nbsp;</p>なんて初めて見た。

[anhelo]

CSSの編集

[kits]

矢野りん氏による。背景に画像を入れるために <p id="photo">&nbsp;</p> とか