かっこいいテーブルをデザインしたい。
そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。
このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。
» Example 1
背景画像は使わず、セルに背景色を使った例
» Example 2
背景画像を使った例
どちらもページのソースを見るのが早いだろう。
シンプルでとても綺麗なテーブルに仕上がっていると思う。
デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。
Editor's Note
プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっと。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
