CSS背景擴散是一種常見的網頁設計技巧，它能夠讓網頁背景看起來更加豐富和動態。一般來說，我們可以使用CSS3的box-shadow屬性或者Radial Gradient來實現背景擴散效果。

/* 使用box-shadow屬性實現背景擴散 */
.box{
width: 200px;
height: 200px;
background: #fff;
box-shadow: 0 0 20px #fff,
0 0 30px #e6e6e6,
0 0 40px #cccccc,
0 0 50px #b3b3b3,
0 0 60px #999999,
0 0 70px #808080,
0 0 80px #666666,
0 0 90px #4d4d4d,
0 0 100px #333333;
}
/* 使用Radial Gradient實現背景擴散 */
.radial{
width: 200px;
height: 200px;
background: radial-gradient(circle, #fff 0%, #e6e6e6 10%, #cccccc 20%, #b3b3b3 30%, #999999 40%, #808080 50%, #666666 60%, #4d4d4d 70%, #333333 80%);
}

box-shadow屬性可以讓多個顏色的陰影層疊在一起，形成一個透明的邊框。通過調整陰影的大小和顏色，我們可以讓背景看起來更加立體和動態。而Radial Gradient則是一種徑向漸變的背景樣式，它可以讓顏色從一個中心點逐漸向外擴散。這種背景樣式看起來很自然，而且可以讓網頁看起來更加獨特。

總之，CSS背景擴散是一種非常有用的網頁設計技巧，可以讓我們創建出更加豐富和動態的背景效果。無論是使用box-shadow還是Radial Gradient，都可以讓你的網頁看起來更加出色。