在網頁設計中，陰影是一個很重要的元素，可以使頁面看起來更加逼真。在 CSS 中，繪制陰影可以使用box-shadow和text-shadow這兩個屬性。

下面是一個使用box-shadow屬性繪制陰影的例子:

.box {
width: 200px;
height: 200px;
background-color: #fff;
border: 1px solid #000;
box-shadow: 5px 5px 5px #888888;
}

在這個例子中，box-shadow屬性接受四個值：水平偏移量、垂直偏移量、模糊半徑和顏色。分別代表陰影的偏移量、模糊程度和顏色。

如果想繪制多重陰影，只需要將多個box-shadow屬性用逗號分隔即可，例如:

.box {
box-shadow: 3px 3px 3px #888888, -3px -3px 3px #cccccc;
}

這個例子中，繪制了兩個陰影，一個向右下方偏移，顏色為 #888888，模糊半徑為 3px，一個向左上方偏移，顏色為 #cccccc，模糊半徑為 3px。

除了box-shadow屬性，text-shadow屬性可以用來為文字添加陰影，其用法與box-shadow相同。

下面是一個使用text-shadow屬性為文字添加陰影的例子:

h1 {
text-shadow: 2px 2px 2px #888888;
}

在這個例子中，text-shadow屬性用于為標題添加一個 2px 的陰影，顏色為 #888888。

通過使用box-shadow和text-shadow這兩個屬性，可以為網頁設計添加更加逼真的效果，提高用戶的使用體驗。