CSS3 彩色背景

CSS3 提供了多種彩色背景的實現方式，下面分別介紹。

1. 使用顏色值

background-color: #ff0000; /*紅色背景*/
background-color: rgba(255, 0, 0, 0.5); /*半透明紅色背景*/

2. 使用漸變

background: linear-gradient(to right, #ff0000, #00ff00); /*從左到右漸變*/
background: radial-gradient(circle, #ff0000, #00ff00); /*徑向漸變*/
background: repeating-linear-gradient(to right, #ff0000, #00ff00 20%, #0000ff 40%); /*重復的線性漸變*/

3. 使用圖像

background-image: url("image.jpg"); /*背景圖像*/
background-repeat: no-repeat; /*不重復*/
background-size: cover; /*盡量填滿容器*/

注意事項：

使用漸變時，需要注意瀏覽器兼容性，建議使用前先測試。

使用圖像時，需要考慮圖像大小和清晰度，以及是否能提供多種分辨率的圖像。