css中怎样做有图片

CSS中如何添加图片
CSS是网页设计中非常重要的一种技术，可以控制网页布局、字体颜色大小、背景等等。在网页中，图片也是常常出现的一种元素。那么在CSS中，我们如何添加图片呢？
首先，在CSS中添加图片需要用到background属性。通过设置该属性，我们可以将图片与元素进行关联。
例如，我们想将一个div元素的背景设置为一张图片，可以使用如下代码：

div {
    background: url("example.jpg");
} 

在上述代码中，url("example.jpg")指向了一张图片文件，这张图片将被作为该div元素的背景。
另外，我们还可以使用background-size属性调整图片的大小，例如：

div {
    background: url("example.jpg");
    background-size: cover;
} 

通过设置background-size为cover，图片将按照原始的宽高比例自适应缩放，以覆盖整个元素。
在将图片作为元素的背景时，我们还可以通过设置background-position来调整图片在元素内的位置，例如：

div {
    background: url("example.jpg");
    background-position: center;
} 

通过设置background-position为center，可以让图片在元素中居中显示。
需要注意的是，CSS只能将图片作为元素的背景进行添加，如果想要在网页中直接插入图片，需要使用HTML的标签。但是，通过在CSS中设置background属性，我们可以实现更加灵活和复杂的图片效果。
在开发网页时，善于运用CSS中的各种属性，可以让我们的网页看起来更加精美和专业。