CSS是一種強大的樣式表語言，可以用來控制網(wǎng)頁的外觀和樣式，改變頁面顏色是一種基本的操作，下面是一些常用的CSS技巧，可以讓你的頁面變得更加豐富多彩。

1、使用CSS變量

CSS變量是一種強大的工具，可以用來存儲和重復(fù)使用顏色值，通過定義變量，你可以輕松地在不同的元素之間重復(fù)使用相同的顏色。

:root {
  --main-color: #ff0000;
}
body {
  background-color: var(--main-color);
}
h1 {
  color: var(--main-color);
}

在這個例子中，我們定義了一個名為--main-color的CSS變量，并將其值設(shè)置為#ff0000（紅色），我們使用var(--main-color)來引用這個變量，并將其應(yīng)用于body元素的背景顏色和h1元素的前景色。

2、使用CSS預(yù)定義顏色

CSS提供了一些預(yù)定義的顏色名稱，可以直接使用它們來設(shè)置元素的顏色。

body {
  background-color: red;
}
h1 {
  color: blue;
}

在這個例子中，我們將body元素的背景顏色設(shè)置為紅色，并將h1元素的前景色設(shè)置為藍色，這些顏色名稱是CSS預(yù)定義的，可以直接使用。

3、使用CSS函數(shù)計算顏色

CSS還提供了一些函數(shù)，可以用來計算和生成顏色，使用rgb()函數(shù)可以創(chuàng)建自定義顏色：

body {
  background-color: rgb(255, 0, 0);
}
h1 {
  color: rgb(0, 0, 255);
}

在這個例子中，我們使用rgb()函數(shù)來創(chuàng)建自定義顏色，***個參數(shù)是紅色分量，第二個參數(shù)是綠色分量，第三個參數(shù)是藍色分量，通過調(diào)整這些參數(shù)的值，可以生成不同的顏色。