線が一番細いテーブル

テーブルタグありますよね？

あれで、テーブルの線を一番細くしたいんですが、どうすればいいんでしょう？

No.2 ベストアンサー 回答者： little-m 回答日時： 2005/08/28 05:24

その他、<table>を２重にして細い線を出す場合もあります。

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#909090>
<table border=0 cellpadding=5 cellspacing=1>
<tr>
<td bgcolor=#f0f0f0>項目１</td>
<td bgcolor=#ffffff>ああああああ</td>
</tr>
<tr>
<td bgcolor=#f0f0f0>項目２</td>
<td bgcolor=#ffffff>いいいいいい</td>
</tr>
</table>
</td>
</tr>
</table>

この回答へのお礼

ああ！それです！まさにそれです。とても細い線を書くことが出来ました。
本当にありがとうございます；；

お礼日時：2005/08/28 13:11

No.5 回答者： goldfox 回答日時： 2005/08/28 12:35

スタイルシートを使いましょう。

<table cellpadding="0" cellspacing="0">
<tr>
<td>文字</td>
<td>文字</td>
</tr>
<tr>
<td>文字</td>
<td>文字</td>
</tr>
</table>

table{
border-top:solid 1px #0000ff;
border-left:solid 1px #0000ff; }
td{
border-right:solid 1px #0000ff;
border-bottom:solid 1px #0000ff; }

No.4 回答者： ao_ 回答日時： 2005/08/28 07:41

tableの背景色を希望の線の色にし、セルの間隔を1pxにします。

tdの背景を白にすると完成です。
実際は線ではないんですが、背景が各セルのスキマから見えて罫線があるように見えます。
以下に3行3列のテーブルのサンプルコード付けてみました。

<table border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
<tr bgcolor="#FFFFFF">
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
</table>

この回答へのお礼

ああ！それです！まさにそれです。とても細い線を書くことが出来ました。
本当にありがとうございます；；

お礼日時：2005/08/28 13:11

No.3 回答者： steel_gray 回答日時： 2005/08/28 06:59

#1,#2の方法を用いたうえで、線の色を背景色に近い色にすると視覚的に細く見えます。

例)白地には黒い線より灰色の線のほうが細く見える。

No.1 回答者： akekou 回答日時： 2005/08/28 03:31

<table border=x>のxの値を変えると線の太さが変わります。

x=0にすると、線無しの表形式になります。