CSSでセル間隔を削除する方法

HTMLテーブルは、行とセルで構成されています。従来のHTMLコーディングでは、「cellspacing」属性をゼロに設定することにより、セル内の間隔を削除します。あなたのビジネスのウェブサイトが多数のテーブルで構成されている場合、この方法に伴う繰り返しは不必要に面倒になる可能性があります。カスケードスタイルシート(CSS)を使用して、プロセスを簡素化します。

すべてのテーブルの間隔を削除する

1

CSSファイルをテキストエディタで開きます。メモ帳は、Windowsベースのコンピューターに付属している基本的なテキストエディターです。

2

ファイルの下部にあるカーソルをクリックして、次のコードを挿入します。

table {border-collapse:collapse; }

tr、td {パディング:0; }

3

「ファイル」、「保存」の順にクリックして、CSSファイルを保存します。

特定のテーブルの間隔を削除する

1

セル間隔を削除するテーブルには、次の書式を使用します。

ここにセルの内容を挿入します。

2

メモ帳などのテキストエディタでCSSファイルを開きます。

3

ファイルの下部にあるカーソルをクリックして、次のコードを挿入します。

table.nospacing {border-spacing:0; }

table.nospacing th、td {パディング:0; }

4

「ファイル」と「保存」をクリックしてCSSファイルを保存します。