ＨＴＭＬでホームページを作る
属性編・・<table>タグの属性、その２

テーブルタグは、いろいろとその属性で設定できるようになっています。
というわけで、テーブルタグの属性その２です。
bgcolor、background、cellspacing、cellpadding、bordercolorについて。
テーブル内の背景色と背景画像は、表全体、特定のセルのみ、横１行というふうに指定できます。
使用する属性は、
背景色は、bgcolor="カラーネームまたはＲＧＢコード"
背景画は、background="画像のアドレス"
両方とも
<table>タグの中で指定すると、その表全体に指定したことになります。
<tr>の中で指定すると、横１行指定したことになります。
<td>の中で指定すると、そのセルのみです。
◆
セル内の余白（セルに表示するものと罫線との間隔）や外枠と罫線についても属性で指定できます。
外枠の太さ、border="数字"、<table>タグの中で指定！
セルとセルの間隔、cellspacing="数字"、<table>タグの中で指定！
セル内の余白、cellpadding="数字"、<table>タグの中で指定！
外枠と罫線の色、bordercolor="カラーネームまたはＲＧＢコード"、<table>タグの中で指定！
というわけで、使用例です。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>ページ１</title>
</head>
<body>
<table border="2" background="pic/4.gif" cellpadding="5">
<tr>
<td>あ</td><td>い</td><td>う</td>
</tr>
<tr>
<td>え</td><td>お</td><td>か</td>
</tr>
<tr>
<td>き</td><td>く</td><td>け</td>
</tr>
</table>
<table border="2" bgcolor="#c0c0c0" bordercolor="#808080" cellspacing="3" cellpadding="3">
<tr>
<td>あ</td><td>い</td><td>う</td>
</tr>
<tr>
<td>え</td><td>お</td><td>か</td>
</tr>
<tr>
<td>き</td><td>く</td><td>け</td>
</tr>
</table>

<table border="2" bgcolor="#c0c0c0" bordercolor="#808080" cellspacing="1" cellpadding="10">
<tr bgcolor="red">
<td>あ</td><td>い</td><td>う</td>
</tr>
<tr>
<td>え</td><td>お</td><td>か</td>
</tr>
<tr>
<td>き</td><td bgcolor="white">く</td><td>け</td>
</tr>
</table>

</body>
</html>
実際に表示すると下のようになります。
を表全体の背景画像に使っています。
あいう
えおか
きくけ
表全体の色、外枠罫線の色
あいう
えおか
きくけ
表全体の色、外枠罫線の色、上の段、横１行の色、下の段、の真ん中のセルは白！
あいう
えおか
きくけ


２２．ＨＴＭＬでホームページを作る。属性編・・<table>タグの属性、その３
ＰＣ−ＰＡＲＫトップに戻る
心の話サイコロＴｏｗｎ！へ



広告 花 万馬券 無料レンタルサーバー ブログ blog