セルの余白設定サンプル

セルの内容と境界線の間の余白を設定するために、cellpaddingを使用する方法をデモンストレーションします。

このサンプルでは、セルの内容と境界線の間の余白を設定するために、cellpaddingを使用する方法をデモンストレーションします。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <h4>cellpadding無し</h4> <table border="1"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>cellpadding有り</h4> <table border="1" cellpadding="10"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。

HTML チュートリアル