CSS背景设置是网页设计中非常重要的一部分，页面的整体美观程度很大程度上取决于它。其中背景色和背景图都是常用的设置方式，下面分别介绍一下：

一、CSS背景色

background-color: #CCCCCC;

上述代码中，#CCCCCC是十六进制色值，即灰色。可以根据需求替换成任何一个颜色。此外，还可以使用rgb、rgba、hsl等方式设置颜色。CSS中，背景颜色可以应用于页面、盒子、文字等多种元素。

二、CSS背景图

background-image: url("bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

上述代码中，url("bg.png")中的图片路径需要根据实际文件位置进行替换。背景图在应用时还可以设置重复方式、位置、大小等属性。

三、同时使用背景色和背景图

background-color: #CCCCCC;
background-image: url("bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

如果希望页面既有背景色，又有背景图，需要将两种样式合并起来应用。

总结：背景色和背景图是CSS背景样式中最常用的两种，可以分别使用或同时使用。在应用时需要根据实际需求进行调整。