§04-03…全域を＜div＞で囲み制御する

2016/6/15

(01) ページコンテンツ全域に対してCSSが適用できるよう<div>で囲みましょう。class名は「secall」とします。

<body>
<div class="secall">
<div class="sechead">
<h1>YYT Sports</h1>
～略～
</div>
</body>

(02) 以下のようなCSSを追加します。

div.secall{
border:medium solid #33FF33;
}

(03) なおこのままではウィンドウ枠にわずかな余白が残っています。<body>の余白をなくすとコンテンツがウィンドウにくっつくようになります。以下のようなCSSを追加しましょう。

body{
margin:0;
}