在CSS中，我們可以使用box-shadow屬性來添加一個陰影效果到一個元素上。box-shadow屬性包含幾個值，可以用逗號分隔開來設置多個屬性值。下面是box-shadow屬性的語法：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，
- h-shadow：水平偏移量，可以取正值或者負值來控制陰影的方向，正值表示陰影在元素右側，負值表示陰影在元素左側。
- v-shadow：垂直偏移量，可以取正值或者負值來控制陰影的方向，正值表示陰影在元素下方，負值表示陰影在元素上方。
- blur：模糊半徑，用像素值來設置，值越大陰影越模糊，值越小陰影越清晰。
- spread：陰影擴散半徑，也用像素值來設置，正值表示陰影擴散到元素外，負值表示陰影收縮到元素內。
- color：陰影顏色，可以使用顏色名稱、顏色代碼值、rgb()函數或者hsl()函數來設置。
- inset：可選值，表示陰影為內陰影，而不是外陰影，默認為外陰影。
如下面例子所示，一個元素添加了一層向右下方的2像素陰影：

p {
box-shadow: 2px 2px #888888;
}

如果我們想要同時創建兩個陰影，可以使用逗號分割它們的屬性值。如下面例子所示，我們定義了兩個陰影：一個向右下方擴散4像素，另一個向左上方擴散2像素。

p {
box-shadow: 4px 4px #888888, -2px -2px #CCCCCC;
}

如果我們想要創建一個內陰影，只需要在box-shadow屬性中添加inset關鍵字。如下面例子所示，一個元素添加了一個向右下方擴散3像素的內陰影：

p {
box-shadow: inset 3px 3px #888888;
}

總之，box-shadow屬性可以讓我們在元素上輕松添加陰影效果，幫助我們在設計中創造更加引人注目的頁面。