スポンサーサイト

スポンサードリンク

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
タグ/

[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ブログユーザー)

スポンサードリンク

最新記事

月別アーカイブ

カテゴリ

タグクラウド

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

あわせて読む

あわせて読みたい

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

WordPressテーマ「Gorgeous (TCD013)」

検索ボックス

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。