CSS3中提供了非常方便的百分比背景色方法，讓我們可以更加靈活地設置頁面的背景色。

background-color: rgba(255, 0, 0, 0.5);
background-image: linear-gradient(to bottom, transparent, #000);
background-size: 100% 50%;

上述CSS代碼中，分別設置了背景色、漸變色、和背景圖片的大小。其中，background-size: 100% 50%的意思是背景圖片的寬度與父元素相等，而高度只占父元素高度的一半。

通過使用百分比背景色方法，我們可以輕松實現眾多的背景效果，比如漸變、紋理、圖案等等。而且，使用百分比背景色方法，可以使背景色適應不同大小的屏幕，保證頁面在各種設備上都能完美呈現。