CSS 是前端開發中使用非常廣泛的一種樣式語言，它可以對頁面進行排版、美化、響應式設計等各種操作。其中，CSS 背景陰影被廣泛運用于設計中，因為它可以讓頁面看起來更加立體、豐富。但是，很多開發者會有一個疑問：CSS 背景陰影占不占位？

.box{
width: 200px;
height: 200px;
box-shadow: 5px 5px 5px #888888;
}

上述代碼是一個使用了 CSS 背景陰影的示例，其中的 box-shadow 屬性定義了一個陰影效果。但是，當我們將這個陰影應用到一個元素上時，會不會影響到元素所占用的位置呢？答案是不會。

因為 CSS 背景陰影并不會為元素添加一個外部的盒子，也就是說，它不會改變元素的實際尺寸。實際上，CSS 背景陰影只是在元素周圍添加了一個陰影層，這個陰影層不會占據任何空間，也就是不會影響到元素所占用的位置。

因此，當我們需要在設計中添加一些立體感或者深度感時，可以放心地使用 CSS 背景陰影，不必擔心它會影響到元素的大小和位置。