CSS3でクールな角丸テーブルを作る例:phpspot開発日誌

Practical CSS3 tables with rounded corners - RedTeamDesign CSS3でクールな角丸テーブルを作る例。 ヘッダーにグラデーションをかけつつ角丸なテーブルを作る例です。カーソルを乗せるとハイライトする機能もtransitionによって組み込んであって良い感じです。 HTMLとしては普通のテーブルなのでCSSでここまでカスタマイズできるというのはいいですね 背景をzebraにするデザインも紹介されています。素材として覚えておくと素早く綺麗なテーブルを構築できそうですね 関連エントリ CSS3で実装された画像スライドショーサンプル CSS3のアニメーションサンプル４７ ピュアCSS3のコンテンツスライダー ピュアCSS3でタイピングアニメーションするデモ

[vitaminsii]

ヘッダーにグラデーションをかけつつ角丸なテーブルを作る例です。カーソルを乗せるとハイライトする機能もtransitionによって組み込んであって良い感じです。

[warriorking]

CSS3でクールな角丸テーブルを作る例:phpspot開発日誌

[nors]

http://www.red-team-design.com/practical-css3-tables-with-rounded-corners

[kussun]

デザインいいね。データを分かりやすく見せるために、テーブルをよく使うので参考にしたい。マウスオーバー部分で、jQueryを使ってる。