投影是通过使用CSS3中的box-shadow属性来实现的。这种效果可以让你的页面看起来更加立体和现代化。

box-shadow属性需要四个属性值。第一个是水平偏移量，第二个是垂直偏移量，第三个是模糊度（设置为0就没有模糊效果），第四个是投影距离。例如：

div {
box-shadow: 10px 10px 5px 0px #888888;
}

这段代码将在div元素的右下角添加水平偏移量为10px，垂直偏移量为10px，模糊度为5px，投影距离为0px的投影效果。最后一个属性值可以省略，如果省略，则默认为0。投影的颜色可以使用CSS的颜色表示法来进行设置。例如：

div {
box-shadow: 10px 10px 5px 0px rgba(255, 0, 0, 0.5);
}

这个投影效果是一个半透明的红色，由rgba()方法来设置。此方法的四个属性值分别是：红色的色相值，绿色的色相值，蓝色的色相值，以及透明度。透明度的范围是从0到1，0表示完全透明，1表示完全不透明。

还有一个要注意的问题是，投影效果会默认地放在元素的外面。这意味着如果你的元素有圆角，投影会延伸到圆角之外。要解决这个问题，可以使用CSS的border-radius属性来调整边框半径和投影距离。例如：

div {
border-radius: 10px;
box-shadow: 10px 10px 5px -5px #888888;
}

这个代码将创建一个半径为10px的圆角，投影向内缩了5px。

总的来说，使用CSS3的box-shadow属性来实现投影效果是一种简单而有效的方式。它可以为你的网页增加现代感和立体感。