css 图片上加背景色

在CSS中，我们可以通过为标签添加样式来在图片上添加背景色。这种方法非常简单，可以轻松地添加背景颜色、边框和其他效果来让图片更加突出。

img {
    background-color: #ccc;
    padding: 10px;
    border-radius: 5px;
}

在上面的CSS代码中，我们为标签添加了一个背景颜色为#ccc的样式，同时给图片添加了10像素的内边距和5像素的边框半径，使图片更显眼。

当然，如果你想要添加不同的背景色和效果，也可以根据自己的需要进行样式的设置，例如：

img {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px;
    Box-shadow: 2px 2px 6px rgba(0,.15);
}

上面的代码添加了一些新的样式，包括一个浅灰色的背景、1像素的灰色边框、5像素的内边距和一个微弱的阴影效果。这些效果结合在一起，让图片更加吸引眼球。

总之，在CSS中，通过为标签添加简单的样式，你可以轻松地让图片更加突出，吸引更多的用户注意力。