CSS中設置背景色的一種常見方式是使用百分比值。在這篇文章中，我們將會介紹在CSS中如何設置背景色的百分比值，以及如何利用這個方法來實現一些具體的效果。

/* 設置百分比背景色 */
body {
background-color: #ff0000; /* Fallback，當瀏覽器不支持rgba時的備選方案 */
background-color: rgba(255, 0, 0, 0.5); /* 設置背景色為半透明的紅色 */
}
/* 設置漸變背景 */
body {
background: linear-gradient(to bottom, #ff0000 0%, #0000ff 100%);
}

第一種方式是設置背景色的不透明度。這可以通過使用rgba顏色模式來實現。在rgba中，前三個值分別對應紅、綠、藍三原色的值，最后一個值是透明度，取值范圍為0到1。設置為0時表示完全透明，設置為1時表示完全不透明。

通過調整最后一個參數值，我們可以設置背景色的不透明度。比如，如果我們要設置一個顏色為#ff0000的背景色，且不透明度為50%，可以這樣寫：

body {
background-color: rgba(255, 0, 0, 0.5);
}

第二種方式是使用線性漸變（linear-gradient）來設置背景色。這可以讓我們實現一些更復雜的效果。例如，我們可以設置一種從紅色到藍色的漸變背景：

body {
background: linear-gradient(to bottom, #ff0000 0%, #0000ff 100%);
}

在上面的代碼中，我們使用了linear-gradient來設置漸變背景。to bottom表示從上往下的漸變；#ff0000 0%表示從0%位置開始的紅色；#0000ff 100%表示在100%位置結束的藍色。

以上就是CSS中使用百分比背景色的兩種方式。希望本文可以幫助讀者更好地理解CSS中設置背景色的方法。