No.2ベストアンサー
- 回答日時:
その他、<table>を2重にして細い線を出す場合もあります。
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#909090>
<table border=0 cellpadding=5 cellspacing=1>
<tr>
<td bgcolor=#f0f0f0>項目1</td>
<td bgcolor=#ffffff>ああああああ</td>
</tr>
<tr>
<td bgcolor=#f0f0f0>項目2</td>
<td bgcolor=#ffffff>いいいいいい</td>
</tr>
</table>
</td>
</tr>
</table>
No.5
- 回答日時:
スタイルシートを使いましょう。
<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
- 回答日時:
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
表の1列だけをCSSを使って右揃...
-
cssで、表示されるテキストによ...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
中に<table></table>が使えるア...
-
カレンダー内の数字を左上に配...
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
表の中の列の順番を入れ替える...
-
HTMLで文とテーブルの間が空く。
-
htmlのtable内に画像
-
nowrapを指定しても改行される...
-
width指定したTDでwhite-space:...
-
文字列が入っているtdを削除せ...
-
Safariでテーブルのセルの高さ...
-
ホームページ 表の上の余白を...
-
Dream Weaver CC で属性一括削除
-
逆L字の表(table)組み
-
テーブルの表示がずれます
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
TRタグの余白をcssで設定するには
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
EXCELからhtmlへの変換で罫線が...
-
逆L字の表(table)組み
-
値が0なら非表示にしたい
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの外側の線を消す
-
HTMLで文とテーブルの間が空く。
-
表(テーブル)内の文字サイズ...
おすすめ情報