【ページレイアウト】

■ページ全体の背景色を指定する
<style type="text/css">
<!--

body { background-color:pink; }
-->
</style>

背景の色は(ピンク)に設定します。PINKの所を自分の好みに変えてください。必ず<head>の中に書いてください。

■ページの余白を設定する
<style type="text/css">
<!--

body { margin:0px; }
-->
</style>

ページ全体のマージンをなくすにはスタイルの定義でbodyにmargin:0px;を指定します。必ず<head>の中に書いてください。

■ページのマージン(余白)を左側100ピクセル、上側20ピクセルにする
<style type="text/css">
<!--

body { margin-top: 20px; margin-left:100px; }
-->
</style>

ページ全体のマージンを左側100ピクセル、上側20ピクセルするにはスタイルの定義でbodyにmargin-top:20px;で上側のマージンを、 margin-left:100px;で左側のマージンを指定します。必ず<head>の中に書いてください。

■ウィンドウの右側のスクロールバーを消す
<style type="text/css">
<!--

body { overflow-y: hidden; }
-->
</style>

ウィンドウの右側のスクロールバーを消すにはbodyに「overflow-y: hidden;」のように指定します。横方向のスクロールバーのみ消したい場合は overflow-x: hidden;とし、両方消したい場合はoverflow: hidden;とします。必ず<head>の中に書いてください。




もどる

[★高収入が可能!WEBデザインのプロになってみない?! Click Here! 自宅で仕事がしたい人必見! Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 出会い 無料アクセス解析