在CSS中，除了陰影之外，還有一個更復雜的效果，叫做凹陷陰影，也被稱為內陰影。顧名思義，凹陷陰影會讓元素看起來像是凹陷進去。它還可以用來模擬按鈕按下的效果，使頁面更具有交互性。下面是一個凹陷陰影的例子：

.box {
width: 100px;
height: 100px;
background-color: #fff;
box-shadow: inset 0 0 10px #000;
}

這個例子中，我們給一個包含文字的盒子添加了一個凹陷陰影。box-shadow屬性中的inset關鍵字告訴瀏覽器，這是一個內陰影而不是外陰影。接下來的三個值分別對應X軸偏移量、Y軸偏移量和模糊半徑，這些值的解釋與外陰影中的一樣。最后一個值是陰影的顏色。

如果我們想要創建一個更復雜的凹陷陰影，我們可以通過多次應用box-shadow屬性來實現。例如，下面的示例中，我們使用兩個內陰影來創建一個按鈕按下的效果：

.btn {
display: inline-block;
padding: 10px;
background-color: #fff;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 5px 20px rgba(0, 0, 0, 0.5);
}

在這個例子中，我們使用了兩個內陰影，第一個產生了10像素的模糊效果，第二個產生了20像素的模糊和5像素的Y軸偏移。這兩個內陰影的顏色都是半透明的黑色，這使得它們看起來是堆疊在一起的，產生了一個更加立體的效果。

盡管凹陷陰影看起來很酷，但是它并不是所有瀏覽器都支持的。特別是一些舊版的瀏覽器，可能根本不支持內陰影屬性。因此，在使用內陰影時，我們應該考慮到瀏覽器兼容性問題。