CSS3を使って美しく装飾されたテーブルの作り方｜Webpark

2012/07/17 109 users Webpark セレクタ table テーブル CSS3

CSS3をたくさん使ってきれいなテーブルを作ってみましたので紹介します。特にセレクタの勉強になると思いますので、ぜひ参考にしてみてください。 まずはHTMLから。無駄に長いので3位から9位は省略しています。 <table> <tbody> <tr> <th>順位</th> <th>国</th> <th>2010年推計人口</th> </tr> <tr> <td>1</td> <td>中華人民共和国... 続きを読む

覚えておくべきセレクタのまとめ｜最適化ノウハウコラム記事　～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&SLIDEへ～

2011/11/17 63 users table table class 最初 最後 3行目

<table class="sample02389 bcollSpr389"> <tbody> <tr> <th>最初の行のth</th> <td>最初の行のtd</td> </tr> <tr> <th>2行目のth</th> <td>3行目のtd</td> </tr> <tr> <th>最後の行のth</th> <td>最後の行のtd</td> </tr> </tbody> </table> /... 続きを読む

tfoot は tbody の前に書いた方がいいよ | WWW WATCH

2007/03/18 70 users overflow auto CSS スクロール HTML

404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た時にその HTML ソースはないなぁ、、と思ったのと同時に、tbody に CSS を適用して overflow:auto とかすれば終わる話じゃないのとか思ってそれについてエントリーを書こうかなと思った瞬間、hxxk.jp さんにて 「C... 続きを読む