[使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。

第 6 回目は「CSSを使った見栄えの良い表組み（table）」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。 本来の「複数のデータを表示･比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる 線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条 承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<

[MoneyReport]

ＴＡＢＬＥの基本的なＣＳＳ。

[ma_nya_n]

table

[Meguroman]

テーブル、表組みの参考になる。

[yamadar]

テーブルのCSS参考

[rskmt346]

テーブル

[gothedistance]

border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。

[willnet]

大きさが決まってるテーブルであれば背景に画像つかうのもいいかも

[pudechige]

　tableタグを使うが、表をカッコよく見せることができる。　transitional

[shunhouse552]

表組み、テーブルデザイン

[syo-ta3]

美しくみせよう

[ikacr4u]

テーブル

[midisurfermind]

css

[tailtame]

まんま利用 ヽ(ゝω・)ノ

[thinkpod]

css table

[masapon1967]

CSSを使った見栄えの良い表組み（table）

[onk]

やっぱ JOJO で例示すると分かりやすいな。

[wacky]

テーブルのCSSデザインサンプル。背景に大きな画像を指定、各セルを立体的に。