CSSに関するcivatan55のブックマーク (1)

  • CSS で、liやtr、tdの背景色を交互に付ける方法 | WordPress 覚え書き

    リストや表を見やすくするため、CSSで liやセルの背景色を交互に付ける方法がないかグールグ先生に聞いてみたところ、ありました! これをCSSで表現するためには、疑似クラスの:nth-child(n)を使うとのこと。 :nth-child()は()の中に奇数の場合はodd、偶数の場合はevenを記述。 また()の中には数字や計算式を入れる事も可能。 この説明だとよく判りませんでした。 そこで、コピペ。 li:nth-child(even){ background:#CCCCCC; } tr:nth-child(even){ background:#CCCCCC; } td:nth-child(even){ background:#CCCCCC; } ほほう~!できました! よくわかってませんが、できました~ 参考にした記事 liやtr、tdの背景色を交互に付ける ()の中に数字や計算式を入

    civatan55
    civatan55 2013/12/01
    意外と便利!新着情報の交互な色分け等で困っていた時に見つけました
  • 1