在CSS中，陰影是給元素一些額外的維度，并增加了一些深度感。CSS可以給元素添加45種不同類型的陰影效果，這些陰影效果都可以通過box-shadow屬性實現。以下是常見的一些陰影效果：

.box-shadow {
/* 生成一個黑色的陰影 */
box-shadow: 2px 2px 4px black;
}
.box-shadow {
/* 生成一個藍色的陰影 */
box-shadow: 5px 5px 5px blue;
}
.box-shadow {
/* 生成一個紅色的陰影 */
box-shadow: -5px -5px 5px red;
}

box-shadow屬性需要設定以下三個參數，以達到生成陰影的效果：

• 水平位置（可正可負）
• 垂直位置（可正可負）
• 模糊半徑（可設定為0）

通過 box-shadow 屬性的參數可以生成許多種不同的陰影效果，包括以下幾種：

.box-shadow {
/* 生成一個黑色的標準陰影效果，所有幾何形狀元素均適用 */
box-shadow: 2px 2px 4px black;
}
.box-shadow {
/* 生成一個帶有內側陰影的效果 */
box-shadow: inset 2px 2px 4px black;
}
.box-shadow {
/* 生成一個帶有外側陰影的效果 */
box-shadow: outset 2px 2px 4px black;
}
.box-shadow {
/* 生成一個超出元素寬度和高度的效果 */
box-shadow: 2px 2px 4px 2px black; 
}
.box-shadow {
/* 生成一個向上升起的效果 */
box-shadow: 0 -5px 10px rgba(0,0,0,0.3);
}
.box-shadow {
/* 生成一個有多重陰影的效果 */
box-shadow: 2px 2px 4px black, 0 0 8px blue, -1px -1px 0px green;
}
.box-shadow {
/* 生成一個無陰影效果 */
box-shadow: none;
}

以上是box-shadow屬性的部分使用方法，你可以根據需要來選擇生成不同的陰影效果，讓你的頁面看起來更加有層次感。