おしゃれなテーブル

質問

おしゃれと言いますか、珍しいといいますか、一風変わったテーブルタグ（<table>～）というのはありますでしょうか？

調べてもいまいち普通のテーブルタグしかありません。よろしくお願いします。

回答No.2

naokita · ベストアンサー

tableというより borderでしょうね。お洒落とは違うけど
divではもっと色々出来ます
（ブラウザによっては不可あり）
ＨＴＭＬ用（＜ＢＯＤＹ＞～～＜／ＢＯＤＹ＞用）

<table style="border-collapse: collapse;"><tr><td style="border: 1px solid #006400;">　一本内線　</td><td style="border: 1px solid #00ffff;">　中線　</td></tr>
<tr><td style="border: 1px solid #ff0000;">　一本内線</td><td style="border: 1px solid #0000ff;">　中線</td></tr></table>
<br>
<table border="1" cellspacing="10px"><tr>
<td bgcolor="#000099">色違い</td>
<td bgcolor="#ffff00">色違い</td>
<td bgcolor="#ff0000">色違い</td>
<td>色違い</td></tr></table>
<br>
<table border="1" cellspacing="10px" frame="hsides" rules="rows" style="border: 1px solid #800000;">
<tr><td>線の</td></tr>
<tr><td style="border: 1px solid #ff0000;">枠の</td></tr>
<tr><td>様な</td></tr><tr><td>感じです</td></tr></table>
<br>
<table style="border: 1px solid #ff8c00;">
<caption style="border: 1px solid #ff8c00;">テーブル</caption>
<tr><th bgcolor="#ffffce">ボックス仕様。</th></tr>
<tr><td bgcolor="#f0f0f0">普通は</td></tr>
<tr><td bgcolor="#d7ffd7">違う</td></tr>
<tr><td bgcolor="#ffe6ff">方法ですが</td></tr>
<tr><td bgcolor="#ffddbb">テーブルでも</td></tr>
<tr><td bgcolor="#e6ffff">可能です</td></tr>
</table>
<br>
<table style="border: 1px solid #0000ff;">
<tr><td style="line-height: 1.6em; padding: 1em; border: 5px double #c0c0c0;">額</td>
<td style="line-height: 1.6em; padding: 1em; border: 5px double #98fb98;">の</td>
<td style="line-height: 1.6em; padding: 1em; border: 5px double #ffd700;">様に</td>
</tr></table>

回答No.1

345itati

テーブルタグはただのタグであって、「おしゃれ」も「珍しい」も「一風変わった」もありません^^;

<table>に使っている素材の話であれば又別ですが。

枠線の太さとか、色とか、間隔とか、CSSでいじるとか、背景色や背景画像でいじるとか、そういう意味でしょうか？

お礼

＞・・・そういう意味でしょうか
フラッシュはあまり使わないほうがいいかなぁと思いまして、それに相当するようなテーブルタグがもしかしたらあるかと思いまして質問いたしました。
ないみたいですね。ありがとうございました。