セルの枠と文字との間隔の指定

トップやさしいHTML教室トップメニュー>セルの枠と文字との間隔の指定 次へ(セルの枠の太さの設定)

<table cellpadding="ピクセル数">

セルに入力されているデータとそのデータを囲っている枠の間隔を変えるには、tableタグにcellpaddingの属性タグをつけます。

プレビュー HTMLソース
サンプル
戻る 進む ホーム
cellpadding="0"です。
cellpadding="10"です。
cellpadding="20"です。
<html>
<head>
<title>サンプル</title>
</head>
<body>

<table border=1 cellpadding="0">
<tr>
<td>cellpadding="0"です。</td>
</tr>
</table>

<table border=1 cellpadding="10">
<tr>
<td>cellpadding="10"です。</td>
</tr>
</table>

<table border=1 cellpadding="20">
<tr>
<td>cellpadding="20"です。</td>
</tr>
</table>

</body>
</html>

トップやさしいHTML教室トップメニュー>セルの枠と文字との間隔の指定 次へ(セルの枠の太さの設定)