twitter facebook

CSSでリスト(UL)を色違いにする方法。

css
.ul_test li { padding:1em ; }
.ul_test li:nth-child(odd) { background-color:#ddeeff; }
.ul_test li:nth-child(even) { background-color:#ffffff; }
html
<ul class="ul_test">
<li>あいうえお</li>
<li>かきくけこ</li>
<li>さしすせそ</li>
<li>たちつてと</li>
</ul>
サンプルです。
  • あいうえお
  • かきくけこ
  • さしすせそ
  • たちつてと
AUTHOR
@hiropon
最終更新日 2018/09/18
FAVORITE good stock
LINK TAG
記法を見る