| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートを使う

▼ページをレイアウトする

テーブルタグだけではブラウザとテーブルタグの間に隙間が空いてしまいます。

アイコン Microsoft Internet Explorer                                                       アイコン
ここに隙間が空く
こ
こ
に
隙
間
が
空
く
ここは私のホームページです。
MENU    
DIARY 日記を書いてます。 更新日時○○/○○
LINK おすすめサイトの紹介です。 更新日時○○/○○
BBS 掲示板です。 更新日時○○/○○
こ
こ
に
隙
間
が
空
く
ここに隙間が空く

▼ページ全体の隙間をなくしてレイアウトする

<head>から</head>の間に以下のタグを挿入します。

<style type=text/css>
<!--
body
{
margin:0px ;
}
-->
</style>

<html>
<head>
<title>
私のホームページ
</title>
<style type=text/css>
<!--
body
{
margin:0px ;
}
-->
</style>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099">
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td colspan="3" bgcolor="#FF33CC">ここは私のホームページです。</td>
</tr>
<tr>
<td width="14%" bgcolor="#FF66FF">MENU</td>
<td width="52%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCCFF">DIARY</td>
<td>日記を書いてます。</td>
<td>更新日時○○/○○</td>
</tr>
<tr>
<td bgcolor="#FFCCFF">LINK</td>
<td>おすすめサイトの紹介です。</td>
<td>更新日時○○/○○</td>
</tr>
<tr>
<td bgcolor="#FFCCFF">BBS</td>
<td>掲示板です。</td>
<td>更新日時○○/○○</td>
</tr>
</table>

</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.