通常テーブルの枠線は、立体風の色合いで表示されます。これを実線で表示させる事で、ページデザイン上使用しやすくなります。下記の様な感じはトピックスなどで良く利用されてます。簡単に実現できる方法が下記になります。1、背景色を各セルの間隔に表示する方法。これは、テーブルタグ<table>の設定で、枠線の太さをゼロ(border="0")にし、各セルの間隔が空いている場合に背景色が透けて見える事を利用した設定方法です。HTMLのみ,HTML+スタイルシート2、テーブル内の各セル毎に枠線を設定する方法。これは、テーブルの各セル全てにborderを設定して表現する方法です。classを4種類使用して設定する方法が良いと思います。HTML+スタイルシート<テーブル以外の方法を紹介>テーブルではない方法で、簡単に実現できる方法もあります。<div>のブロック要素+スタイルシートで可能ですので、下記↓のサブメニューの表現いろいろを参照して下さい。HTMLのみで表現する場合には、テーブルの設定だけで出来ます。【考え方】HTMLで行う場合、テーブル自体の背景色が、各セル同士の隙間に見える様にする事で、あたかも線を引いている様にする方法です。隙間などの場所は↓この様になってます。border="0"各セル間の間隔を決定する。この例では『1』にします。cellspacing="1"表自体の背景色を決定する。この例では、オレンジにします。bgcolor="#ff6633"見出し部分のセルの背景色をテーブル背景色より少し薄い色の薄いオレンジ(#ff9933)にします。bgcolor="#ff9933"見出し部分の文字色を決定する。この例では、白にします。color="#ffffff"見出し以外の各セルの背景色を決定する。この例では、白にします。bgcolor="#ffffff"見出し以外の各セルの文字色を決定する。この例では、オレンジにします。上記の方法の、色を指定する部分をスタイルシートにて指定する方法です。色HTMLで全ての枠線を非表示セル同士の間隔をゼロに設定した後、テーブル内の全てのセルにborderを設定して全てのセルに枠線を引く方法です。下図の様に4種類に分けて(class="")設定する事で大きな表でも、実線で引く事が可能になります。(今回は、2個のセルだけですのでclass=""を使用しておりません。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。