CSS3可為網頁添加更多的顏色和背景選項，使網頁更加豐富多彩。以下是CSS3設置顏色和背景的示例。

/*設置文字顏色為紅色*/
p {
color: red;
}
/*設置文字背景色為黃色*/
p {
background-color: yellow;
}
/*設置文字透明度為50%*/
p {
opacity: 0.5;
}
/*設置背景圖片*/
body {
background-image: url("example.jpg");
}
/*設置背景重復方式*/
body {
background-repeat: repeat-x;
}
/*將多張背景圖片疊加*/
body {
background-image: url("example1.jpg"), url("example2.jpg");
background-position: left top, right bottom;
background-repeat: no-repeat, repeat-y;
}
/*添加漸變背景*/
body {
background: linear-gradient(to right, red, orange);
}
/*設置背景為徑向漸變*/
body {
background: radial-gradient(circle, orange, yellow);
}
/*添加背景模糊效果*/
body {
background: url("example.jpg") blur(5px);
}

以上是CSS3設置顏色和背景的一些示例，通過使用這些屬性，您可以更好地控制網頁的外觀。希望這些例子能夠幫助您創建更加獨特的網頁。