css一行字三种颜色

CSS中，我们可以通过color属性来设置字体的颜色，如下：

p {
  color: red;
} 

但是有时候我们想要让一行字中不同的文字显示不同的颜色，该怎么办呢？这时候我们可以使用::before和::after伪元素来实现，具体代码如下：

p::before {
  content: "这是红色字体，";
  color: red;
}
p::after {
  content: "这是蓝色字体，";
  color: blue;
} 

以上代码中，我们在p标签前后分别添加了::before和::after伪元素，并在伪元素中设置了不同的颜色和内容，从而实现了一行字中不同字体的颜色。