css两种颜色的投影

在CSS中，文本投影是一种很常见的技术。前景色和背景色是在实现文本投影时使用的两种颜色。那么，CSS中有哪些方法可以实现这种投影呢？

text-shadow: 1px 1px black;
background-color: white;
color: blue; 

上面的代码使用text-shadow属性实现了文本投影。参数1px 1px表示阴影的水平和垂直偏移，黑色是阴影的颜色。白色是背景色，蓝色是前景色。

box-shadow: 0 0 10px rgba(0,0,0,0.5), -5px 5px 10px rgba(0,0,0,0.5);
background-color: white;
color: blue; 

以上代码使用box-shadow属性来实现文本投影。第一个参数0 0 10px表示阴影的水平和垂直偏移都是0，阴影大小为10个像素，rgba(0,0,0,0.5)设置阴影颜色和不透明度。第二个参数-5px 5px 10px产生了一个偏移后的阴影，阴影颜色和大小与第一个参数相同。

总之，通过使用以上两种方法，我们可以轻松地实现文本投影。我们可以根据需要调整阴影大小、颜色和偏移来获得不同的效果。