CSS中的線性漸變可以讓我們輕松地創建出色彩漸變的背景圖片，非常實用。下面讓我們來看看如何使用這一功能。

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

其中direction可以設置為to top（從下向上），to bottom（從上向下），to left（從右向左），to right（從左向右）等不同方向；而color-stop則可以設置為顏色，可以設置多個顏色形成色帶。

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

在上面代碼中，我們設置漸變方向為從上到下，顏色變化為從黑色到白色。也可以同時設置多個顏色?？奎c。

background-image: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%);

上面代碼中，我們設置漸變方向為從左到右，以0%的位置為黑色，50%位置為白色，100%位置為黑色。可以根據需求調整顏色位置和顏色值。