css背景如何使用图片

CSS背景可以使用图片来进行设计美化，让网页看起来更加美观和吸引人。在CSS中，我们可以使用background-image属性来指定图片路径，并设置图片的展示方式。

例如：
background-image: url("image.jpg");
 

通过上述代码，我们可以将一张名为“image.jpg”的图片作为背景图片展示在页面中。同时，我们还可以设置背景图片的展示方式，如平铺、拉伸等。

background-repeat: repeat;
  /* 平铺 */
background-size: cover;
  /* 拉伸 */
 

上述代码中，background-repeat可以设置背景图片的平铺方式，通常有repeat、repeat-x、repeat-y和no-repeat等选项；而background-size则可以设置背景图片的大小和展示方式，通常有cover、contain、auto等选项。

除此之外，我们还可以通过CSS3提供的background属性来快速设置背景图片的多个属性，如背景颜色、图片路径、平铺方式、拉伸方式等。

例如：
background: #ddd url("image.jpg") no-repeat center center/cover;
 

上述代码中，我们设置了一个复合背景，其背景颜色为#ddd，图片路径为“image.jpg”，平铺方式为no-repeat，图片居中展示并使用cover方式拉伸。

总之，背景图片是CSS设计中非常重要的一部分，合理利用背景图片可以使网页更加美观、清新、独特。希望本篇文章能够帮助大家更好地学习和运用CSS的背景图片设计。