前回予定したようなスタイルにページをうまく整えるべく、スタイルシートを再編集する。以下の4点が主なチャレンジだ。 ページの上部にラインを入れたい 背景画像としてビジュアルを配置したい 横に並べたリストの間にスラッシュを入れたい 全体を中央寄せにしたい それぞれについて具体的な記述方法と注意点を確認していこう。その中で浮かび上がった注意点についても解説したい。 ページの上部にラインを入れたい これはレイアウト全体をまとめるDIVのIDであるwrapperに対して以下のスタイルを与え、実現した ------------------------------------------ div#wrapper { width: 600px; margin-left: 20px; background-image: url(top_line.gif); background-repeat: repeat
![ページをレイアウトしてみよう その4 CSSの編集](https://cdn-ak-scissors.b.st-hatena.com/image/square/bed39b5962a5d552c95b6d796db8f55e72d32943/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fimages%2Fn%2Fxtech%2F2020%2Fogp_nikkeixtech_hexagon.jpg%3F20220512)