CSS中邊緣虛化是一種常見的設計技巧，可以讓頁面的邊緣呈現出漸變或模糊的效果，從而增強頁面的美感和層次感。下面的代碼演示了如何使用CSS實現邊緣虛化效果：

.box {
background: #fff;
padding: 20px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, .5) inset;
border-radius: 10px;
overflow: hidden;
}

上面的代碼中，我們創建了一個名為"box"的CSS類，并為其添加了一個白色背景、20px的內邊距、50px的黑色陰影和10px的圓角邊框。為了實現邊緣虛化效果，我們還在box類上設置了"overflow: hidden"屬性，這樣就可以讓邊框外的內容被裁剪掉。

如果你希望進一步優化邊緣虛化效果，可以嘗試以下代碼：

.box {
background: #fff;
padding: 20px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.box::before {
content: '';
position: absolute;
z-index: -1;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
border-radius: 30px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, .5) inset;
}

這段代碼中，我們使用了CSS偽元素"::before"來實現邊緣虛化效果。首先，我們將box類的"position"屬性設置為"relative"，然后在其前面添加了一個偽元素，并將其"position"屬性設為"absolute"、"z-index"屬性設為"-1"，并將其大小設置為比box類大20px。接著，我們對偽元素進行樣式設置，包括圓角邊框和陰影效果，從而讓邊緣虛化更加明顯。