タグ

テーブルとデザインに関するkembaのブックマーク (2)

  • MdN Design|総合情報サイト

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

    MdN Design|総合情報サイト
  • 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

    CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
  • 1