[分享]css中如何背景色和图一起

在CSS中，背景色和背景图样式可以一起使用，通过设置background-color和background-image属性可以实现。其中，background-color属性指定背景颜色，background-image属性指定背景图像。
例如，要将一个元素的背景颜色设置为红色，背景图像为一张名为“bg.jpg”的图片，代码如下：

p {
    background-color: #ff0000;
    background-image: url('bg.jpg');
} 

需要注意的是，若要同时设置背景色和背景图，要将背景图像的路径指定正确。在上例中，我们将图片命名为“bg.jpg”，并将其放在与CSS文件同级的文件夹中。如果图片路径不正确，背景图将无法正常显示。
此外，还可以使用background-position属性设置背景图像的位置。例如将背景图像向右下方偏移10个像素，代码如下：

p {
    background-color: #ff0000;
    background-image: url('bg.jpg');
    background-position: 10px 10px;
} 

在这个例子中，我们还设置了背景颜色为红色，以便观察背景图像位置偏移的效果。background-position属性的值可以是具体像素值，也可以是百分比值，用于指定背景图像在元素内部的位置。
总之，通过设置background-color和background-image属性，可以实现背景色和背景图像的同时显示。如果需要调整背景图像的位置，可使用background-position属性。