CSS是網頁布局設計不可或缺的工具，而投影效果則可以讓網頁更有立體感。那么，CSS投影代碼怎么寫呢？
首先，投影效果需要用到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屬性可能會影響頁面的性能，因此在設置時要慎重考慮。如果只是為了增加頁面的美觀度，建議只在個別元素上使用。