1p

トップ > 大臣でも分かるホームページの作り方 > 大臣でも分かる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">表題1</th>	/* 枠の幅と背景色の設定 */
	<th width="150" bgcolor="#e6e6fa">表題2</th>
</tr>
<tr>
	<td>内容1</td>
	<td>内容2</td>
</tr>
</table>

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

豆知識

前へ  目次  次へ

免責事項・著作権表示

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

Copyright (C) SUZ45. All Rights Reserved.