在網頁設計中，背景絕對是最重要的因素之一。有許多方法可以描繪一個優雅的背景，如紋理圖案、圖像、漸變和純色等。本文將著重介紹CSS3的線向漸變（linear gradient）。 我們可以使用CSS3的線向漸變為背景添加連續的漸變色。線向漸變是從一個點到另一個點（起點到終點）的連續顏色過渡。為了使用CSS3的線向漸變，我們將首先定義漸變的起點和終點。 以下是CSS3線向漸變代碼的基本結構：

background: linear-gradient(direction, color1, color2, color3, ...);

direction參數定義漸變的方向，如果沒有定義，默認為從上到下。我們可以使用度數或關鍵字來定義方向。以下是一些可用的關鍵字：

• to top
• to bottom
• to left
• to right
• to top left
• to top right
• to bottom left
• to bottom right

下面是一個方向為從左到右的線性漸變的例子：

background: linear-gradient(to right, #33ccff, #ff99cc);

在這個例子中，漸變的起點是#33ccff（淡藍色），漸變的終點是#ff99cc（柔和粉色）。漸變的方向是從左到右的。 此外，我們還可以定義多個顏色，以產生更復雜的效果。在以下示例中，我們將創建一個漸變，顏色從藍色漸變到紅色，然后再到具有80％透明度的淡灰色：

background: linear-gradient(to right, blue, red, rgba(128, 128, 128, 0.8));

漸變是一個強大的方法，可以使您的網站看起來更具吸引力和專業性。總而言之，CSS3的線向漸變提供了許多選項，可以讓您創建精美的背景，為您的網站增添活力！