- ベストアンサー
表の作成をスタイルシートで
皆さんはHTMLで表を作成する際、どのように作成していますか？ 私はTableタグとスタイルシートを使っているのですが、これをスタイルシートのみで 作成できないでしょうか。 例えば以下のような表で、■部分は他のセルと背景色を変えます。 ■□□ ■□□ ■□□ 通常私がやっている方法は、tableタグに下記スタイル「tb01」を、タイトル部分には 「td.title」を設定を設定しています。 -----------------HTML-------------------------- <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="title">6月7日</td> <td>text</td> <td>text</td> <td>text</td> </tr> <tr> <td class="title">6月8日</td> <td>text</td> <td>text</td> <td>text</td> </tr> </table> ---------------------------------------------------------- -----------------スタイルシート-------------------------- .tb01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #CDCDCD ; ; width:350px; background-color:#FFFFFF; } table.tb01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 7px ; line-height:120%; border-color : #CDCDCD ; } td.title {background-color:#ECECEC; } ---------------------------------------------------------- スタイルシートのみでは無理でも、もっと良い方法があれば 是非教えてください。
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
td class="title" とするならば、 th を使用したほうが文書構造的には ベターだと思われますが。
その他の回答 (2)
- doki2
- ベストアンサー率51% (440/860)
１．テーブルを適当に定義する .table01{ font-size:x-small; font-weight:bold; text-align:left; background:#b0ffd8; border:double 2px #0000ff; } ２．例えば"css01.css"と言う名前で保存 ３．HTMLでリンクを定義する <head> ～～～～～～～～～～～～～～～～ ～～～～～～～～～～～～～～～～ <link rel="stylesheet" href="css01.css" type="text/css"> </head> ４．"table01"を引用 <table border="1" width="800" class="table01"> ～～～～～～～～～～～～～～～～ ～～～～～～～～～～～～～～～～ </table> CSSでいろいろ定義しておけば便利です。 背景に画像を使うこともできます。 (例) background-image:url("images/lumi0550.gif"); border="1" と width="800" はわざとHTMLで定義するようにしています。 こんなんでどうですか?
お礼
お礼が大変遅くなってしまい申し訳ございません。 大変参考になりました。ありがとうございました。
そもそもテーブルそのものをスタイルシートで組むことはムリじゃないかと思うんですが。 スタイルシートは、あくまで「デザイン（見栄え）」を定義するためのものですし。
お礼
お礼が遅くなってしまい申し訳ございません。 CSSばかりに気を取られ本来の役割を理解仕切っていなくお恥ずかしい限りです。 大変勉強になりました。ありがとうございました。
お礼
ありがとうございました。今までthを使わず全て <tr> <td> </td> </tr> としていました。どうもありがとうございました。