css中图片如何显示出来

在CSS中，我们经常需要用到图片来美化页面。那么，如何让图片在网页中能够正确地显示出来呢？ 首先，我们需要了解CSS中有两种方法来处理图片——作为背景和作为元素。如果我们想要使用图片作为背景，可以使用background属性。

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

这里，我们通过background属性引用了一个叫作background.jpg的图片。当页面加载时，CSS会自动下载这个图片并展示在元素的背景中。 另一种方法则是将图片作为元素放置在网页中。在这种情况下，我们需要使用标签来引用图片。

  
这是一张美丽的风景图片：
  

这里，我们使用标签引用了一个名为scenery.jpg的图片，并将其展示在段落中。我们还使用了alt属性来提供一段图像的描述，以帮助无法加载图像的读者。 无论你想使用哪种方法，在CSS中使用图片都非常方便。只需要使用适当的属性和标签，即可在你的网页中展示出你想要的图像。