HTML テーブルのセルの間隔を指定するサンプル(cellspacing)

HTMLのテーブルのセルの間隔を指定するサンプルです。
cellspacing属性を使用します。

cellspacing 属性

< table cellspacing="ピクセル"または%" >

テーブルのセルの間隔を指定します。
cellspacing属性は、HTML5で廃止されました。非推奨となっています。
代わりとして、 CSSの使用が推奨されています。(CSSのborder-spacingプロパティで値を指定する)

サンプル

1つ目のテーブルのcellspacingは0ピクセルです。
2つ目のテーブルのcellspacingは"10"ピクセルです。

コード

上記サンプルのコードです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テーブルのサンプル</title>
</head>
<body >
<table border="1" cellspacing="0">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>
　
<table border="1" cellspacing="10">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>
</body>
</html>

以下はMDNのtableのリンクです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/table
CSSのborder-spacingプロパティについては以下を御覧ください。
CSS テーブルの枠線の間隔を指定するサンプル(border-spacing)