陰影是CSS中的一種常用效果之一。通過給元素添加陰影，可以讓其在頁面中更加立體且有層次感。以下是幾種方式來實現CSS陰影效果：

/* 1、Box-shadow方法 */
box-shadow: h-shadow v-shadow blur spread color inset;
/*示例*/
div {
box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
}
/* 2、Text-shadow方法 */
text-shadow: h-shadow v-shadow blur color;
/*示例*/
h1 {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

在使用這兩種方法時，需要注意一些參數的含義和取值范圍：

/* h-shadow: 水平陰影的位置 */
取值示例：2px；
/* v-shadow: 垂直陰影的位置 */
取值示例：2px；
/* blur: 陰影的模糊程度 */
取值示例：2px；
/* spread: 陰影的擴展半徑 */
取值示例：2px；
/* color: 陰影的顏色 */
取值示例：rgba(0, 0, 0, 0.2)；
/* inset: 陰影是否向內 */
取值示例：inset；（可選參數）

通過這些參數的不同取值組合，可以實現各種不同的陰影效果。需要注意的是，IE8以及更早版本的IE瀏覽器不支持box-shadow和text-shadow效果。