CSS內外都有陰影可以讓元素看起來更加立體，同時也可以給人一種柔和的感覺。

.shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

代碼中，box-shadow設置了一個外部陰影，其值包括陰影的位置、模糊度、擴散半徑和顏色。而inset則代表內部陰影。

值得注意的是，box-shadow和inset雖然可以一起使用，但是順序不能顛倒，否則會出現意外效果。同時也可以使用多個box-shadow來設置不同方向的陰影，達到更多層次的效果。

.box {
box-shadow: 
2px 2px 5px rgba(0, 0, 0, 0.2),
-2px -2px 5px rgba(0, 0, 0, 0.2),
2px -2px 5px rgba(0, 0, 0, 0.2),
-2px 2px 5px rgba(0, 0, 0, 0.2);
}

使用多個box-shadow，每個值表示不同的方向，如（右、下、模糊度、顏色）或（左、上、模糊度、顏色），從而實現立體的層次效果。

CSS內外都有陰影不僅可以用在常規元素上，也可以用在圖片上，增強視覺效果，并且只需要很少的代碼即可實現。

.img-shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

在圖片上使用box-shadow即可讓圖片看起來有立體感，也可以加上inset來實現內部陰影效果。