10月 142011
 

灰色背景がサンプルソース薄緑背景が実際の見た目

サンプルソース

HTMLソース

<body>
CSSで何も指定しないと、ブラウザのページを表示する部分の上下左右にスペースが出来てしまいます。
</body>

CSSソース

body {
margin:0px; padding:0px;
}

サンプル表示

※ブラウザを含むページ全体をこのサンプル表示エリア内に表示しても仕方がないので、このサンプルソースに対するサンプル表示はありません。

解説

HTMLソース

HTMLでは特に何も記述する必要はありません。

CSSソース

ページ上下左右のスペースを消すには、bodyタグのmarginとpaddingの上下左右全てに0pxを指定します。
そうすることで、bodyタグの外・内の、最初にブラウザが勝手にあると解釈していたスペースが消えます。

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>