css一行一个颜色

CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用来描述HTML或XML文档外观样式的语言。在CSS中，我们可以使用一行一个颜色的方式来定义文本和元素的背景色、边框颜色等样式属性。

  /* 一行一个颜色 */
    .text-color1 {
      color: #f00; /* 红色 */
    }

    .text-color2 {
      color: #ff0; /* 黄色 */
    }

    .text-color3 {
      color: #0f0; /* 绿色 */
    } 

以上代码就是一行一个颜色的示例，我们可以根据具体需求来定义不同的颜色，只需要在color属性后面加上相应的颜色值即可。值得注意的是，颜色值可以使用十六进制、RGB、RGBA、HSL、HSLA等多种格式。

除了color属性外，我们还可以使用background-color、border-color等属性来实现一行一个颜色的效果。例如：

  /* 一行一个背景色 */
    .bg-color1 {
      background-color: #f00; /* 红色 */
    }

    .bg-color2 {
      background-color: #ff0; /* 黄色 */
    }

    .bg-color3 {
      background-color: #0f0; /* 绿色 */
    }

    /* 一行一个边框颜色 */
    .bd-color1 {
      border: 1px solid #f00; /* 红色 */
    }

    .bd-color2 {
      border: 1px solid #ff0; /* 黄色 */
    }

    .bd-color3 {
      border: 1px solid #0f0; /* 绿色 */
    } 

以上代码分别定义了一行一个背景色和一行一个边框颜色的效果，同样可以根据需要调整颜色值和其他属性。

总结来说，使用一行一个颜色的技巧可以让我们更加灵活地定义样式，同时也能增加代码的可读性和美观性。