タグ

ブックマーク / h2ham.seesaa.net (1)

  • リストやテーブルを簡単かつ綺麗にストライプ状に色分けする方法

    リストとかテーブルをストライプ状に色分けしようとするとき、 セルとか列に対して一つ一つクラスをつけて、 そしてCSSで装飾するのが一般的だと思います。 でも、クラスを一つ一つにつけていくのって面倒じゃないですか? 今回紹介する方法を使えば、 簡単かつ綺麗に色分けすることができるので、 参考にしてみてください 面倒なやり方:一つ一つにクラスをつけていく まずはオーソドックスに、 一つ一つにクラスをつけて行く方法を紹介しておきます。 ■HTMLソース <ul> <li class="list01-odd">リスト1</li> <li class="list01-even">リスト2</li> <li class="list01-odd">リスト3</li> <li class="list01-even">リスト4</li> <li class="list01-odd">リスト5</li> </

    リストやテーブルを簡単かつ綺麗にストライプ状に色分けする方法
  • 1