CSS是一種用于設計網站樣式的語言，其中陰影效果是一種常見的設計元素。在CSS中，您可以添加四種不同類型的陰影：內陰影、外陰影、投影和輪廓。接下來我們將逐一介紹這四種陰影效果。

/* 添加內陰影 */
box-shadow: inset 0 0 10px #000;
/* 添加外陰影 */
box-shadow: 0 0 10px #000;
/* 添加投影 */
box-shadow: 10px 10px 10px #000;
/* 添加輪廓 */
outline: 10px solid #000;

首先是內陰影效果。內陰影是在對象內部添加陰影效果，通常用于創建凹陷或倒立效果。在CSS中，使用box-shadow屬性來添加內陰影。例如，下面的代碼將為一個元素添加一個純黑10像素寬的內陰影。

接下來是外陰影效果。外陰影效果是在對象周圍添加陰影效果，通常用于突出元素并增加其深度感。同樣使用box-shadow屬性，下面的代碼將為一個元素添加一個純黑10像素寬的外陰影。

第三種效果是投影。投影是在對象的背景上顯示陰影效果，通常用于創建3D效果。使用box-shadow屬性，下面的代碼將為一個元素添加一個向右下方移動10像素的純黑陰影。

最后是輪廓效果。輪廓不同于其他三種效果，它添加的是對象外圍的輪廓。通過使用outline屬性，下面的代碼將為一個元素添加一個紅色10像素寬的輪廓。