CSS中设置投影是一个常见的样式效果，可以为元素增加三维感，使页面看起来更加生动。实现投影效果的方式主要有box-shadow和text-shadow两种方法。

.box {
box-shadow: 2px 2px 2px #666; /*水平方向偏移距离，垂直方向偏移距离，模糊半径，投影颜色*/
}

上述代码中的box-shadow属性可以设置4个值，分别是水平方向偏移距离、垂直方向偏移距离、模糊半径和投影颜色。这四个值可以按照以下方式进行设置：

.box {
box-shadow: h-shadow v-shadow blur color;
}

其中，h-shadow表示水平方向偏移距离，可以为负值表示向左偏移，v-shadow表示垂直方向偏移距离，可以为负值表示向上偏移，blur表示投影的模糊半径，数值越大表示模糊程度越高，color表示投影的颜色，可以使用颜色名称、十六进制或RGB值。

除了box-shadow外，text-shadow也可以实现文字的投影效果。代码示例如下：

h1 {
text-shadow: 1px 1px 1px #ccc;
}

text-shadow属性与box-shadow类似，也可以设置三个值，分别是水平方向偏移距离、垂直方向偏移距离和模糊半径。代码中的1px分别表示偏移距离和模糊半径，#ccc表示投影颜色。

需要注意的是，投影效果可能会增加页面的渲染成本，过多投影效果会影响页面性能，因此在设置投影时应该注意合理控制数量和程度。