Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用

Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用
cellspacing は表内のセル間の距離です。
セルパディングは、表のセル内の空白スペースです。
一般的には外部パッチと内部パッチと呼ばれ、divとspanに適用されるマージンとパディングに似ています。
セルに境界線を追加し、cellpadding と cellspacing の値を変更して何が起こるか試してみることができます。
例えば​​:

コードをコピー
コードは次のとおりです。

<テーブル>
<tr>
<td style="セル間隔:10px;セルパディング:10px;境界線:1px 実線 #CCCCCC;">
</td>
<td style="セル間隔:10px;セルパディング:20px;境界線:1px 実線 #CCCCCC;">
</td>
</tr>
</テーブル>

これは、td の境界とテーブルの端の間に 10 ピクセルのパッチ (セル間隔) があり、td の境界と td の内部要素の間に 20 ピクセルのパッチ (セル パディング) があることを意味します。

その他のテーブルプロパティについては、以下を参照してください
プロパティ ______________説明
width_______________テーブルの幅
高さ_______________テーブルの高さ
align_______________ページ上の表の水平位置
background_________ 表の背景画像
bgcolor____________テーブルの背景色
border_____________表の境界線の幅(ピクセル単位)
bordercolor________ テーブルの境界線の色
bordercolorlight_____表の境界線の明るい部分の色
bordercolordark____表の境界線の暗い部分の色
セル間隔________セル間の間隔
セルパディング________セルの内容とセルの境界線の間のスペースの量

<<:  17の広告効果測定の解釈

>>:  MySQL 8.0 の非表示列に対する基本操作

推薦する

Linux に Python クローラー スクリプトを展開し、スケジュールされたタスクを設定する方法

昨年、プロジェクトの必要性により、Python でクローラーを作成しました。クロールされたデータは、...

Echatsチャートの大画面適応を実装する方法

目次説明する成し遂げるプロジェクトのディレクトリ構造は次のとおりです。効果図は以下のとおりです要約す...

Vueカスタムディレクティブを使用してドラッグアンドドロッププラグインを構築する方法

HTML5 のドラッグ アンド ドロップ機能は誰もが知っていますが、これを使用するとドラッグ アンド...

MySQLを安全にシャットダウンする方法

MySQL サーバーをシャットダウンする場合、シャットダウン方法に応じてさまざまな問題が発生する可能...

入力タイプ=ファイルスタイルを定義する方法

ファイルコントロールを美しくする理由は何ですか?他の子供たちはみんなきちんとしたきれいな服を着ている...

ノードでシェルスクリプトを使用する方法

背景開発中、特定の状況でビジネス ロジックをバッチ処理するためのスクリプトが必要になる場合があります...

ins タグと del タグの属性と使用法

insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...

Linux DHCPサービスの詳細な説明

目次1. DHCP サービス (動的ホスト構成プロトコル) 1. 背景2. 概要3. 利点4.DHC...

CSS の flex と inline-flex の違いの詳細な説明

inline-flex は inline-block と同じです。内部要素用の display:fl...

Dockerコンテナを閉じずに終了する方法の詳細な説明

Docker コンテナに入った後、コンテナを終了すると、コンテナは Exited 状態に変わります。...

CSS3で実装されたグラデーションスライド効果

成果を達成する コードhtml <div class="css-slideshow&...

MySQL関数の簡単な紹介

目次1. 数学関数2. 文字列関数3. 日付関数4. 暗号化機能主な MySQL 関数は次のように紹...

JSは星を消すケースを実現する

この記事の例では、星を消すためのJSの具体的なコードを参考までに共有しています。具体的な内容は次のと...

Linux sftp コマンドの使用法の概要

sftp は、安全なファイル転送プロトコルである Secure File Transfer Prot...

中国語と英語のフォント名の比較表(FounderとArphicを含む)

CSS ファイルでは、フォント名が文字化けしていることがよくあります。これは、作成者が中国語フォン...