[B! テーブル][css] kembaのブックマーク

kemba id:kemba

テーブルとcssに関するkembaのブックマーク (3)

テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScript Room
A CSS styled table〔CSSテーブル（画像使用）〕 Creating a table with dynamically highlighted columns like Crazy Egg's pricing table〔選択したテーブルの列を動的にハイライト表示するCrazy Egg's 風のテーブル（画像、JavaScript使用）〕 CSS Table Gallery〔CSSテーブルのデザーンパターン多数〕 Top 10 CSS Table Designs〔CSSでテーブルをデザインする10の方法〕 Using CSS to allow scrolling within a single HTML table〔ヘッダ固定でスクロールするテーブル〕表頭固定でスクロールするテーブルナビゲーションメニュー2（ボーダータイプ） A CSS styled table CSS
kemba 2013/09/28
テーブル

css
リンク
MdN Design｜総合情報サイト
汎用性の高いシンプルなボックス型のテーブル【1-1】。見出しである<th> 要素と、その値である<td>要素が判別しやすく、特別な工夫がなくてもわかりやすく表現できるため制作する側も使いやすい。<th> 要素と<td>要素で背景色や文字色を明確に分けるとわかりやすい。ここでは<th>の背景色をオレンジ、文字色を白とした【1-2】【1-3】。【1-1】シンプルなボックス型のテーブル。特別な工夫がなくてもわかりやすい【1-2】html は基本の構造。見出しのセルは<th>を使う【1-3】thとtdでは別々の背景色と文字色にする
kemba 2013/08/17
テーブル

css

デザイン

html
リンク
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML　テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
kemba 2013/08/17
css

テーブル

HTML

デザイン
リンク
1