CSS控制陰影的位置主要通過box-shadow屬性來實現(xiàn)。box-shadow屬性可以接收四個參數(shù)，分別代表陰影的水平偏移、垂直偏移、模糊半徑和顏色，通過調整這四個參數(shù)，可以***控制陰影的位置和效果。

陰影位置控制

1、水平偏移：通過box-shadow屬性的***個參數(shù)，可以調整陰影在水平方向上的偏移距離，正值會將陰影向右移動，負值會將陰影向左移動。

2、垂直偏移：通過box-shadow屬性的第二個參數(shù)，可以調整陰影在垂直方向上的偏移距離，正值會將陰影向下移動，負值會將陰影向上移動。

示例

假設我們有一個HTML元素：

<div id="my-box"></div>

我們可以通過CSS的box-shadow屬性來控制該元素的陰影位置：

#my-box {
    width: 200px;
    height: 200px;
    background-color: #f00;
    box-shadow: 10px 20px 5px #000; /* 偏移10px向右，20px向下 */
}

在這個示例中，陰影會被放置在距離元素右下角20px的位置，并且會模糊5px以增加視覺深度，顏色設置為黑色（#000）。

更多的控制選項

除了水平和垂直偏移，box-shadow屬性還支持其他***特性，如內陰影（通過inset關鍵字）、多個陰影（通過逗號分隔多個box-shadow定義）等，這些特性可以進一步豐富元素的視覺效果。

CSS的box-shadow屬性提供了強大的陰影位置控制能力，通過調整水平偏移和垂直偏移參數(shù)，可以***放置陰影在元素上的位置，模糊半徑和顏色參數(shù)也提供了更多的自定義選項，讓設計更加靈活多樣。