CSS3中提供了四周漸變的功能，即四周都可以添加漸變效果。使用四周漸變可以為網(wǎng)頁增加更加豐富的樣式，讓頁面看起來更加漂亮。

background-image: linear-gradient(to bottom, #f0f0f0, #ffffff); 
background-image: linear-gradient(to top, #f0f0f0, #ffffff);
background-image: linear-gradient(to right, #f0f0f0, #ffffff); 
background-image: linear-gradient(to left, #f0f0f0, #ffffff);

上面的代碼分別實(shí)現(xiàn)了從下到上、從上到下、從左到右、從右到左的漸變效果。

需要注意的是，四周漸變需要在元素的padding區(qū)域中使用，否則漸變效果會(huì)被元素的邊框所覆蓋。

使用四周漸變的效果可以通過以下代碼來實(shí)現(xiàn)：

background-image: linear-gradient(to bottom, #f8f8f8, #ffffff, #f8f8f8); 
background-repeat: no-repeat;
background-position: 0 0,50% 0,100% 0;
background-size: 50% 100%;

上面的代碼實(shí)現(xiàn)了一種從中心向四周擴(kuò)散的漸變效果，可以讓頁面元素更加醒目。

總之，四周漸變是CSS3中非常有用的功能，可以為網(wǎng)頁增加更多的樣式和效果，讓頁面更加精彩。