CSS用图片做背景是Web开发中常见的技术，通过这种方法，我们可以为网页元素设置绚丽的背景图案，增加网页的美观性和趣味性。下面是一些基本的CSS代码示例，帮助大家学习如何使用图片做背景。首先，我们需要在CSS中使用background-image属性来定义背景图片。该属性可以使用图片的URL值来指定背景图片，例如：

p {background-image: url("background.jpg");}

上述代码将为所有的段落元素添加一个名为“background.jpg”的背景图片。如果你的网站放置了多个图片，你可以将路径名替换为相对路径，例如：“images/background.jpg”。在CSS中，还可以使用background-repeat属性设置背景图案的重复方式。该属性有以下几个取值：- repeat：该值表示背景图案会在水平和垂直方向重复显示，直到填满整个元素；- repeat-x：该值表示背景图案只在水平方向重复显示；- repeat-y：该值表示背景图案只在垂直方向重复显示；- no-repeat：该值表示背景图案只显示一次，不进行重复。例如，下面的代码演示如何设置背景图案在水平方向重复显示：

p {background-image: url("background.jpg");background-repeat: repeat-x;}

此外，还可以通过background-position属性来调整背景图案的显示位置。该属性可以取两个值，分别表示水平和垂直方向的位置百分比。例如，下面的代码表示将背景图案垂直方向置中，水平方向靠左对齐：

p {background-image: url("background.jpg");background-repeat: no-repeat;background-position: 0% 50%;}

最后，注意在CSS中使用background-color属性可以为元素设置背景颜色，这将在背景图案加载之前显示。如果背景图片加载失败，背景颜色将便于文本的阅读，避免空白区域造成的不良效果。例如：

p {background-image: url("background.jpg");background-repeat: no-repeat;background-position: 0% 50%;background-color: #cccccc;}

通过这些简单的CSS代码，我们可以为网页元素添加多样化的背景图案，使页面更加生动有趣。希望这篇文章能对大家的Web开发学习有所帮助！