首先，投影效果需要用到CSS的box-shadow属性。该属性可以让元素产生一个阴影效果，从而让元素看起来像是浮在空中一样。下面是box-shadow的语法：
box-shadow: h-shadow v-shadow blur spread color inset;
其中，h-shadow是水平方向上的阴影偏移量，v-shadow是垂直方向上的阴影偏移量，blur是阴影的模糊程度，spread是阴影的扩散程度，color是阴影的颜色，inset表示内阴影。
例如，以下代码将一个按钮产生一个向下的外阴影：
<style type="text/css">p {box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.6);}</style><p>Hello World!</p>在上面的代码中，h-shadow和v-shadow都是0px，表示阴影不偏移。blur和spread都是2px，表示阴影较为清晰、扩散一点。而color采用RGBA的方式，其中第四个参数（透明度）为0.6，表示阴影颜色较为透明。
除了外阴影之外，还可以使用inset属性来产生内阴影效果，例如：
<style type="text/css">p {box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);}</style><p>Hello World!</p>在上面的代码中，inset表示产生内阴影。其余属性与外阴影的代码相同。
最后需要注意的是，box-shadow属性可能会影响页面的性能，因此在设置时要慎重考虑。如果只是为了增加页面的美观度，建议只在个别元素上使用。
上一篇：javascript中this对象的作用域.
下一篇：javascript中不属于数组方法
