PHP & JavaScript Room :: 設置サンプル

実行結果

説明
border-spacing:0;セルの枠線の間隔なし。

説明
border-spacing:5px;セルの枠線の間隔を5pxあける。

ソース

<style type="text/css">
    table.spa0 {
        border-collapse:separate;
        border-spacing:0;
    }
    table.spa5 {
        border-collapse:separate;
        border-spacing:5px;
    }
</style>

<table class="spa0" border="1">
    <tr><th>値</th><th>説明</th>
    <tr><td>border-spacing:0;</td><td>セルの枠線の間隔なし。</td></tr>
</table>

<br>

<table class="spa5" border="1">
    <tr><th>値</th><th>説明</th>
    <tr><td>border-spacing:5px;</td><td>セルの枠線の間隔を5pxあける。</td></tr>
</table>

polarized women