css 选择多个颜色 |scss 编译 css

/* 使用多个颜色名称 */
p {
color: red;
background-color: yellow;
}
/* 使用RGB值 */
p {
color: rgb(255, 0, 0);
background-color: rgb(255, 255, 0);
}
/* 使用HSL值 */
p {
color: hsl(0, 100%, 50%);
background-color: hsl(60, 100%, 50%);
}
/* 使用线性渐变 */
p {
background: linear-gradient(to right, red, orange, yellow);
}
/* 使用径向渐变 */
p {
background: radial-gradient(circle, red, orange, yellow);
}
/* 使用图像 */
p {
background-image: url('example.png');
}

无论是选择CSS颜色名称，RGB或HSL值，还是使用CSS渐变或图像，CSS提供了丰富的工具和选项来实现多种颜色效果。