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