陰影是一種常用的網(wǎng)頁設(shè)計(jì)元素，它可以為頁面增加一些立體感與深度。在CSS中，我們可以使用box-shadow屬性來為元素添加陰影效果。

.box {
box-shadow: 10px 10px 5px grey;
}

其中，box-shadow屬性接受一組參數(shù)，用空格隔開。第一個(gè)參數(shù)為水平偏移量，第二個(gè)參數(shù)為垂直偏移量，第三個(gè)參數(shù)為模糊半徑，第四個(gè)參數(shù)為陰影顏色。

我們可以通過調(diào)整這些參數(shù)的數(shù)值來修改陰影效果，下面是一些常用的陰影樣式：

/* 內(nèi)陰影 */
.box {
box-shadow: inset 2px 2px 5px grey;
}
/* 多重陰影 */
.box {
box-shadow: 10px 10px 5px grey, -10px -10px 5px black;
}
/* 陰影擴(kuò)散效果 */
.box {
box-shadow: 0 0 10px 5px grey;
}

除了box-shadow屬性，CSS中還有text-shadow屬性，可以為文字添加陰影效果。

.text {
text-shadow: 2px 2px 5px grey;
}

上述代碼將為.text元素中的文字添加深灰色的陰影效果。

總的來說，陰影是CSS中一個(gè)非常實(shí)用的元素，可以為網(wǎng)頁設(shè)計(jì)增添不少層次感與美感。