CSS投影属性可以为元素添加阴影效果，让页面更加立体和美观。

语法：

box-shadow: h-shadow v-shadow blur spread color inset;/* 分别代表水平阴影距离、垂直阴影距离、模糊半径、扩散半径、颜色和是否描边 */

其中，h-shadow和v-shadow为必须添加的属性，分别代表水平阴影距离和垂直阴影距离。blur和spread是可选属性，分别代表阴影的模糊半径和扩散半径。color为必须添加的属性，代表阴影颜色。inset为可选属性，表示阴影内缩。

例如，为一个div元素添加一个长宽分别为300px的盒子阴影效果：

div{width: 300px;height: 300px;background-color: #eee;box-shadow: 10px 10px 10px #888;}

以上代码中，10px和10px分别代表水平和垂直的距离，10px代表模糊半径，#888代表阴影颜色。

此外，我们也可以为元素添加多个阴影效果，以逗号分隔，例如：

div{box-shadow: 10px 10px 10px #888, -10px -10px 10px #ccc;}

以上代码为div元素添加了两个投影效果，第一个是右下方的灰色阴影，第二个是左上方的浅色阴影。

使用投影属性可以让元素更加立体，需要注意的是，过多的阴影效果会导致页面性能下降，应该谨慎使用。