在網頁設計中陰影通常被用來營造立體感和深度感，CSS中也提供了豐富的陰影效果。 要在HTML文件中添加陰影，需要使用box-shadow屬性。這個屬性帶有四個參數：水平偏移量、垂直偏移量、模糊半徑和陰影的大小。 例如，以下代碼將在一個網頁元素上創建一個灰色投影：

p{
box-shadow: 2px 2px 2px grey;
}

使用負值可以將陰影投射到元素的內部而不是外部，例如：

p{
box-shadow: -2px -2px 2px grey;
}

另一種類型的陰影是文本陰影。文本陰影可以讓文本更容易閱讀，尤其是當文本放在亮色背景上時。text-shadow屬性可以用來添加文本陰影。它也有四個參數：水平偏移量、垂直偏移量、模糊半徑和陰影的顏色。 例如，以下代碼將在一個段落中的文本上創建一個黑色文本陰影：

p{
text-shadow: 2px 2px 2px black;
}

陰影也可以是圓角，通過使用border-radius屬性設置元素的圓角，然后在box-shadow屬性中添加inset參數，可以創建一個內部投影。例如：

p{
border-radius: 10px;
box-shadow: inset 2px 2px 5px grey;
}

在CSS中，陰影效果可以讓網頁內容更具體感和立體感，通過調整陰影參數，可以使陰影更加自然和逼真。