デザイナーならこう作るCSSスタイルテーブル『A CSS styled table version 2』

« 見やすいチャートを作成するコード22選『22 Code Snippets for Creating Decent Charts』 | トップ | Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』 »

_CSS | 07.08.21 07:38
はてなブックマーク

A CSS styled table version 2

かっこいいテーブルをデザインしたい。

そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。

このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。

» Example 1
 背景画像は使わず、セルに背景色を使った例
» Example 2
 背景画像を使った例

どちらもページのソースを見るのが早いだろう。

シンプルでとても綺麗なテーブルに仕上がっていると思う。

デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。

Editor's Note

プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっと。

Trackback URL :

cssスタイルのテーブルデザイン

webデザインはCSSでという人がふえてきていると思いますが、表のデザインまでは、なかなか・・・という方に、お役立ちです。 Veerle's blog ...
ニュースブログ | 2007年8月21日 23:37

なおきくん

CRM 名前 tel 住所 誕生日 メールアドレス 来店時のネイルデザイン写真保存 webカメラで撮影 AIRが良いかな 誕生日等の検索 メールアドレスの...
my page title (PukiWiki/TrackBack 0.4) | 2011年5月16日 10:32

Comment

    Thinkstock
    Newsletter

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    Archive

    Category

    Popular Entries

    Archive

    Category