CSS是網頁設計中必不可少的一種語言，它可以讓我們實現各種各樣的效果。其中一個比較常見的效果就是從中間往兩邊漸變背景。

想要實現這個效果，我們需要使用CSS的漸變（gradient）屬性。首先，我們需要確定好要漸變的方向和顏色。

.gradient {
background-image: linear-gradient(to right, #ffffff 50%, #000000 50%);
}

在上面的代碼中，我們通過linear-gradient函數來創建了一個線性漸變。其中，to right表示漸變的方向是從左到右，#ffffff表示漸變的起始顏色為白色，#000000表示漸變的結束顏色為黑色。最后的50%表示漸變的位置是從容器的中間開始。

但是，用這個代碼只能實現從左到右的漸變。如果我們想實現從中間往上下、左上右下等方向的漸變，該怎么辦呢？

.gradient {
background-image: radial-gradient(circle, #ffffff 50%, #000000 50%);
}

上面的代碼中，我們使用了radial-gradient函數來創建一個徑向漸變。其中的circle表示漸變的形狀是圓形，#ffffff和#000000表示漸變的起始和結束顏色，50%表示漸變的位置是容器的中間。

除了徑向漸變，我們還可以使用repeating-linear-gradient來創建一個重復的線性漸變，實現更加炫酷的效果。代碼如下：

.gradient {
background-image: repeating-linear-gradient(45deg, #ffffff, #ffffff 10px, #000000 10px, #000000 20px);
}

在上面的代碼中，我們使用了repeating-linear-gradient來創建了一個重復的漸變。其中，45deg表示漸變的方向為45度，#ffffff表示第一個顏色為白色，#ffffff 10px表示白色漸變到10像素的位置，#000000 10px表示黑色從10像素位置開始漸變，#000000 20px表示漸變到20像素的位置。這樣就可以實現一段從中間向兩邊漸變的背景。

在使用漸變時，我們需要注意選擇合適的顏色搭配，避免過度艷俗或過于單調。同時，漸變的位置、方向也需要依據實際情況選擇，讓整個效果更加美觀。