在網(wǎng)頁(yè)設(shè)計(jì)中，CSS背景顏色是一個(gè)非常重要的元素。除了用來(lái)填充頁(yè)面背景之外，你也可以使用背景顏色來(lái)制作立體感。

<div style="background-color: #336699; width: 200px; height: 200px; box-shadow: 5px 5px 10px #666;"></div>

如上代碼所示，我們可以使用CSS box-shadow屬性給一個(gè)矩形添加陰影，從而讓它看起來(lái)更有立體感。在這個(gè)例子中，我們使用了#336699這個(gè)顏色作為背景顏色，并且通過(guò)添加box-shadow，讓這個(gè)方形看起來(lái)像是凸出來(lái)的。

除了box-shadow外，我們還可以使用CSS的linear-gradient函數(shù)來(lái)創(chuàng)建漸變背景色，從而制造出更復(fù)雜的立體感。

<div style="background: linear-gradient(to right, #FFA812, #8B0000); width: 200px; height: 200px; box-shadow: 5px 5px 10px #666;"></div>

如上代碼所示，我們使用了CSS的linear-gradient函數(shù)來(lái)讓這個(gè)方形的背景色從#FFA812漸變到#8B0000。通過(guò)添加box-shadow屬性，使方形看起來(lái)更有立體感。

總之，通過(guò)使用CSS的背景顏色和box-shadow屬性，我們可以輕松地制作出一個(gè)有立體感的元素，讓網(wǎng)頁(yè)看起來(lái)更加生動(dòng)有趣。