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ファイルを保存します。