今回はCSSだけでデザインするtableのアイデアを2つ紹介したいと思います。 画像を作ったテーブルも多く見ますが、画像を使わずにも、なかなかカッコいいテーブルができますので、ぜひ参考にしてみてください。ここでは、線と塗りだけで表現するシンプルなテーブルを作ってみます。 7/22に第二段として[CSSだけで作るtableデザインテクニックVer.02(おまけ付き)]を公開しましたので、コチラもぜひ見てみてください! またテーブルはSEO的に良くないと考えている方がいましたら、tableタグはSEOに不利というデマコチラの記事もあわせて読んでみてください。 元となるHTML <table summary="会社案内表"> <tr> <th class="t_top" width="180">会社名</th> <td class="t_top">株式会社○○○</td> </tr> <tr>
![CSSだけで作るtableデザインテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3fb4b0da8e9c74a4ec4fa700094f340c1c296b7/height=288;version=1;width=512/http%3A%2F%2Fcreators-manual.com%2Fwp-content%2Fuploads%2F2012%2F03%2F45225544-240x240.jpg)