ブックマーク / xtech.nikkei.com (1)

  • 第25回 tableをもっと見やすくデザインする

    今回のポイント 「col」で縦列をまとめて装飾する方法 colに対して有効なCSS指定と無効なCSS指定 colの親に当たるcolgroupの考え方 縦のCSS指定と横のCSS指定はどちらが優先されるのか 縦にも横にも適切な色分けがされた表を作る方法 塗り分ける色味のうまい決め方 table系のタグには縦列をまとめるタグも存在します。colとcolgroupです。“まとめる”という言い方がなんとも微妙なんですが,うまく使うと,とても見やすい表を作ることができます。実例を見ながら解説していくことにします。 「col」で縦列をまとめて装飾する まずはcolから見てみます(リスト1)。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml

    第25回 tableをもっと見やすくデザインする
    sukceson
    sukceson 2016/04/30
  • 1