CSS漸變是一種在網頁設計中非常常用的技術，它可以讓網頁顏色銜接得更加自然，為網頁增添了許多美感。CSS漸變有很多不同的類型，包括線性漸變、徑向漸變等等。而本篇文章將向您介紹一種從中間到上下的線性漸變，讓您在設計網頁時能夠更靈活地運用。

background: linear-gradient(to bottom, #ffffff 50%, #000000 50%);

上面代碼中，我們定義了一個背景漸變，從中間開始逐漸向下漸變。使用linear-gradient()函數可以實現線性漸變，其中to bottom是指方向為從上到下，#ffffff是從中間開始到頂部位置的顏色值，50%表示這是顏色的邊界，也就是從中間位置開始到50%的位置是白色，從50%到底部位置是黑色。漸變的方向以to bottom這樣的參數進行設定，您也可以將它改為其他方向，比如to top等等，從而實現不同的效果。

當然，您也可以在代碼中使用其他的屬性，比如background-color等等，來調整漸變色的亮度、深淺等等，以滿足不同場合的需求。除了線性漸變，徑向漸變、重復漸變等等也是常見的類型。

總之，CSS漸變是一種非常強大的技術，它可以讓您的網頁更加美觀，同時也可以讓您有更多的創意和想象空間。希望本文能夠對您有所幫助，使您在網頁設計上更加得心應手！