tableを使用した1pxで任意のカラーラインを引く方法 - 2010.11.15


最近ではcssで行うことが多いですがtableでのライン設定をご紹介。

<table width="200" cellpadding="0" cellspacing="1" bgcolor="#333333">
    <tr>
      <td bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
</table>
 

セル内間隔(cellspacing)を1に、table、tdに背景色を設定するだけです。
セル内間隔の余白サイズ分tableの背景が表示されるのでラインのように使用することができます。