[CSS]かっこいいtableデザインのサンプル

スポンサードリンク

[CSS]かっこいいtableデザイン

かっこいいtableデザインをCSSだけで書いている記事を見ましたので、備忘録として紹介しておきます。

HTMLはこのようになっております。

CSSはこのようになっています

下記が tebleのプレビューです。なかなかかっこいいですね！

りんご 100円
みかん 398円
いちご 598円
バナナ 198円

このtable表の元ネタはこちらの記事からとらせてもらいました（上記のコードは元ネタから少しだけアレンジしています）。元記事では、他にもかっこいいデザインのtableが紹介されていますので、続きは下記からどうぞ。

参照：CSSだけで作るtableデザインテクニック

関連記事
タグ/ CSS
コメント一覧

承認待ちコメント

このコメントは管理者の承認待ちです

2012/08/14 Tue 10:26 | URL

コメントする


管理者にだけ表示を許可する

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

使い勝手の良い無料のミニアイコン24セット | HOME | 眺めてるだけでうっとりくる幻想的な風景写真55枚

スポンサードリンク

最新記事

月別アーカイブ

カテゴリ

タグクラウド

Twitter CSS Photoshop CSS3 音声/動画 まとめ JavaScript アイコン アフィリエイト FC2 HTML5 Facebook Google アクセスアップ Gmail チュートリアル 写真 WordPress PSD ネタ 美女 テクスチャ HTML はてな 写真素材 Youtube ロゴ セキュリティ showcase 背景 jQuery マンガ 

あわせて読む

あわせて読みたい

美しいニュースサイトWordPressテーマ

WordPressテーマ「Gorgeous (TCD013)」

検索ボックス