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 の非表示列に対する基本操作

推薦する

MySQL インデックスの最適化: ページング探索の詳細な紹介

目次MySQL インデックス最適化ページングの調査ケース1ケース2 MySQL インデックス最適化ペ...

ラベルとスパンの幅設定が無効である問題の解決

デフォルトでは、ラベルとスパンの幅の設定は無効です。一般的に、表示属性は必須ですコードをコピーコード...

1 行のコードでさまざまな IE 互換性の問題を解決します (IE6-IE10)

x-ua-compatible は、IE ブラウザがページを解析およびコンパイルするためのモデルを...

MySQL トランザクションと分離レベルの基本原理の簡単な分析

目次序文1. 取引の基本原則の簡単な分析原子性:持続性分離:一貫性: 2. 分離レベルの基本原理の分...

HTML タイトル属性をラップする方法

数日前にプログラムを書いていたとき、プロンプト情報 (TITLE) を新しい行で囲みたいと思いました...

Ubuntu20のtzselect設定時間失敗問題、Raspberry Piサーバ(推奨)

2 日前、Raspberry Pi サーバーを Ubuntu 20 にアップグレードしました。今日...

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

Linux での MySQL 8.0.11 のインストールに関するチュートリアル

1. 公式サイトにアクセスしてインストールパッケージをダウンロードしますダウンロードリンク: クリッ...

CSS3 タブアニメーションの例 背景切り替えの動的効果

CSS 3 アニメーションの例 - タブの背景切り替えの動的効果、具体的なコードは次のとおりです。 ...

Gojs がアリのラインアニメーション効果を実装

目次1. Gojsの実装1. 描画2. 破線の実装3. 点線を動かす2. 点線と点線アニメーションの...

CSS3は、欠けた角の長方形、折り畳まれた角の長方形、欠けた角の境界線を実装しています。

序文数日前、偶然、コーナーの四角形が欠落している機能に遭遇しました。最初に頭に浮かんだのは、必要な場...

mysqlは指定された期間内の統計データを取得します

mysqlは指定された期間内の統計データを取得します年別統計 選択 カウント(*)、 DATE_FO...

ボタンを使用してフォームを送信する代わりに、画像を使用してフォームを送信します。

コードをコピーコードは次のとおりです。 <フォームメソッド="post" ...

JS を使って 1 分で github+Jekyll ブログに訪問カウント機能を追加する実装

目次1分でgithub+Jekyllブログにトラフィック機能を追加する1. ジェクルとは何か1. J...

LinuxでifconfigとaddrがIPアドレスを表示できない問題を解決する

1. 仮想マシンにLinuxシステムをインストールし、仮想マシンを起動し、rootとパスワードを入力...