box-shadow是CSS中的一個屬性，可以用來為一個元素添加陰影效果，可以讓頁面更加生動和立體。

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

box-shadow的語法如上所示，參數有5個：

• h-shadow: 陰影的橫向偏移量，必須指定。
• v-shadow: 陰影的豎向偏移量，必須指定。
• blur: 可選，模糊半徑，陰影的邊緣模糊的程度。
• spread: 可選，陰影的尺寸擴張或收縮的程度。
• color: 陰影的顏色，默認為黑色。
• inset:可選，是否讓陰影變為內陰影。

/* 帶有模糊效果的黑色外陰影 */
box-shadow: 10px 10px 10px black;
/* 帶有擴張效果的紫色外陰影 */
box-shadow: 5px 5px 5px 5px purple;
/* 帶有內陰影效果的藍色陰影 */
box-shadow: inset 5px 5px 5px blue;

以上為示例代碼。其中，第一個示例為模糊效果的黑色外陰影，分別為10px的橫向和豎向偏移量，模糊半徑為10px，沒有尺寸擴張，顏色為黑色。

第二個示例為擴張效果的紫色外陰影，分別為5px的橫向和豎向偏移量，模糊半徑為5px，尺寸擴張為5px，顏色為紫色。

第三個示例為內陰影效果的藍色陰影，分別為5px的橫向和豎向偏移量，模糊半徑為5px，沒有尺寸擴張，顏色為藍色。