トップ　>　超初心者でも分かるホームページの作り方　>　超初心者でも分かるCSSの[table（表）]タグの書き方

超初心者でも分かるCSSの[table（表）]タグの書き方

はじめに

初心者向けに、CSSの[table（表）]タグの書き方をレクチャーします。

CSSの[table（表）]タグの書き方のテンプレート


table {
	text-align:center;		/* 文字を中央にする */
	white-space: normal;		/* 枠の中で改行する */
	margin-left: auto;		/* 全体を中央寄せ */
	margin-right: auto;		/* 全体を中央寄せ */
	border: 1px solid black;	/* 枠線の設定 */
}

「table（表）」は、CSSに記載するよりかは、HTMLファイルに直接書くことが多いです。


<table width="300">
<tr>
	<th width="150" bgcolor="#e6e6fa">表題１</th>	/* 枠の幅と背景色の設定 */
	<th width="150" bgcolor="#e6e6fa">表題２</th>
</tr>
<tr>
	<td>内容１</td>
	<td>内容２</td>
</tr>
</table>

このように、CSSでも指定しますが、HTMLのtableに直接書きます。

豆知識

table（表）の設定は、色々ややこしくなるので、HTMLファイルを見ながら、作業をすると良いでしょう。

前へ　　目次　　次へ

免責事項・著作権表示

情報が古かったり、間違っていることなどによる損害の責任は負いかねますので、ご了承ください。