CSS 樣式設定陰影高度

在CSS中，我們可以使用box-shadow屬性來設定元素的陰影效果，其中包括陰影的高度。box-shadow屬性接受六個參數(shù)，分別表示水平偏移、垂直偏移、模糊半徑、擴展半徑、顏色、陰影堆疊順序，垂直偏移參數(shù)即為陰影高度。

我們可以為一個元素設定一個高度為10px的陰影：

.shadow {
  box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.5);
}

在上面的代碼中，0 10px 0 0表示陰影的水平偏移為0，垂直偏移為10px，模糊半徑和擴展半徑都為0，顏色為rgba(0, 0, 0, 0.5)，即黑色半透明。

我們也可以設定其他顏色的陰影，只需要將顏色參數(shù)改為其他顏色即可，我們可以設定一個紅色的陰影：

.shadow {
  box-shadow: 0 10px 0 0 rgba(255, 0, 0, 0.5);
}

在上面的代碼中，我們將顏色參數(shù)改為rgba(255, 0, 0, 0.5)，即紅色半透明。

我們還可以設定其他樣式的陰影，例如模糊半徑和擴展半徑不為0的陰影：

.shadow {
  box-shadow: 0 10px 5px 5px rgba(0, 0, 0, 0.5);
}

在上面的代碼中，我們將模糊半徑和擴展半徑都設為5px，表示陰影的邊緣更加模糊和擴展。

通過box-shadow屬性，我們可以輕松地設定元素的陰影效果，包括陰影的高度和其他樣式。