CSS中的div仿陰影是一種常見的效果，它讓網站中的元素外觀更加立體，給人強烈的視覺沖擊感。下面我們來看一下如何使用CSS實現這種效果。

.shadow {
position: relative; /* 相對定位 */
display: inline-block; /* 內聯塊級元素 */
}
.shadow::before {
content: ''; 
position: absolute; /* 絕對定位 */
z-index: -1; /* 將偽元素放置在下面 */
top: 6px; /* 與實際元素有6px的距離 */
left: 6px; /* 與實際元素有6px的距離 */
width: 100%; /* 寬度與實際元素一致 */
height: 100%; /* 高度與實際元素一致 */
background-color: #ccc; /* 陰影顏色 */
box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3); /* 陰影效果 */
}

首先，我們需要為要添加陰影的元素創建一個類名，這里我們使用了.shadow。將元素的position屬性設置為relative，這是因為偽元素設置了absolute定位，相對于其最近的“非static”父元素進行定位。為了讓元素的寬度和高度與實際元素一致，我們把元素的display屬性設置為inline-block，這樣我們就可以使用width和height屬性配合margin屬性來調整元素的大小和間距了。

然后，我們使用偽元素::before為元素添加陰影效果。content屬性為空，因為我們只需要偽元素來展示陰影效果，而不需要顯示任何內容。將position屬性設置為absolute，width屬性和height屬性都設置為100%。由于z-index屬性的值越小，元素越靠近底層，因此我們將偽元素的z-index屬性設置為-1，這樣它就能被放到實際元素的下方了。陰影顏色使用background-color屬性設置，通過box-shadow屬性設置陰影效果，可以看到，有一個6px的距離將實際元素和陰影分隔開，模擬出了一種仿陰影效果。

使用CSS的div仿陰影可以讓網站的頁面更加美觀，給用戶帶來更好的視覺體驗。以上就是實現此效果的具體代碼和講解，希望對你有所幫助。