css三行换色

CSS是网页设计不可或缺的一部分，它可以让网页的样式更加丰富多彩。其中，三行换色是CSS的一个常见应用，今天我们就来学习一下吧。

/* -----------------------CSS代码------------------------ */
div{
  background:#069;
  color:#fff;
  padding:30px;
}
div:nth-child(even){
  background:#fff;
  color:#069;
}
/* ------------------------------------------------------ */ 

上面的CSS代码我们分两个部分来看，第一部分是的样式设置，背景颜色为#069，字体颜色为#fff，内边距为30px。我们可以把理解为一个网页中的一个块或者元素，因此我们可以设置它的背景颜色、文字颜色、大小等属性。

第二部分是使用了伪类选择器——:nth-child(even)。这个选择器可以选中下的偶数元素，然后将其背景颜色设置为#fff，字体颜色设置为#069。达到了三行一换色的效果。

三行换色在网页中的应用是非常广泛的，用来使网页更加美观清爽，给用户一个很好的阅读体验。