CSS是一種用于網(wǎng)頁(yè)樣式設(shè)計(jì)的語(yǔ)言，除了能夠美化網(wǎng)頁(yè)外，還可以利用它來(lái)營(yíng)造景深效果。

景深效果是指在攝影、繪畫(huà)以及影視等領(lǐng)域中，將某個(gè)焦點(diǎn)與背景的距離產(chǎn)生不同深度感的視覺(jué)效果，這種效果可以通過(guò)CSS中的z-index屬性來(lái)實(shí)現(xiàn)。

.main {
position: relative;
z-index: 2;
}
.background {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

代碼中首先給需要營(yíng)造景深效果的元素設(shè)置 position 屬性為 relative，以便在后面 absolute 定位時(shí)以該元素為參考點(diǎn)。

接著，需要設(shè)置兩個(gè)元素的 z-index 屬性，前景元素（.main）的 z-index 值應(yīng)該大于背景元素（.background），以保證前景元素始終處于背景元素之上，從而產(chǎn)生景深效果。

最后，設(shè)置背景元素的 position 屬性為 absolute，并設(shè)置 top 和 left 兩個(gè)屬性為 0，使其相對(duì)于父元素（即 body 元素）左上角定位。

通過(guò)以上的操作，就可以營(yíng)造出具備景深效果的網(wǎng)頁(yè)設(shè)計(jì)。