CSS是用于網頁設計的一門編程語言，可以讓我們對網頁的樣式進行控制。在CSS中，我們可以使用顏色值來設置背景顏色，也可以通過background-color屬性來設置整個網頁的背景顏色。在本文中，我們將介紹如何使用CSS來添加背景多種顏色。
讓我們首先來看一些示例代碼，這些代碼將創建一個包含多種背景顏色的HTML頁面。
```html
<!DOCTYPE html>
<html>
<head>
<title>多彩的背景</title>
<style>
body {
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
}
</style>
</head>
<body>
<h1>這是一個多彩的背景</h1>
</body>
</html>
在上面的示例代碼中，我們使用了三個不同的顏色值來設置背景顏色。第一個顏色值為黃色，第二個顏色值為紅色，第三個顏色值為藍色。這些顏色都可以從顏色庫中選擇，例如Adobe RGB或Hexis。
我們可以使用CSS中的background-color屬性的值進行重復設置。例如，我們可以使用以下代碼將背景顏色設置為黃色、紅色和藍色：
```html
<!DOCTYPE html>
<html>
<head>
<title>多彩的背景</title>
<style>
body {
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
}
</style>
</head>
<body>
<h1>這是一個多彩的背景</h1>
</body>
</html>
在這個示例代碼中，我們使用了重復設置背景顏色的方法，將每個顏色值都設置為黃色、紅色和藍色。
除了使用重復設置，我們還可以使用CSS中的Gradient屬性來設置背景顏色。Gradient是一種CSS屬性，它允許我們使用不同的顏色塊來創建漸變效果。下面是一個使用Gradient屬性設置背景顏色的完整示例代碼：
```html
<!DOCTYPE html>
<html>
<head>
<title>多彩的背景</title>
<style>
body {
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
background-color: #F00; /* 黃色 */
background-color: #999; /* 紅色 */
background-color: #888; /* 藍色 */
background-color: #777; /* 綠色 */
}
</style>
</head>
<body>
<h1>這是一個多彩的背景</h1>
</body>
</html>
在這個示例代碼中，我們使用了Gradient屬性來設置背景顏色，并將其分為四個不同的顏色塊。每個顏色塊都使用不同的顏色值來設置背景顏色。
使用CSS添加背景多種顏色是一個簡單的方法來創建豐富多彩的網頁。通過使用不同的顏色值和Gradient屬性，我們可以輕松地創建一個多彩的背景。