CSS是一种用于构建网页样式的语言，图片则是网页设计中不可或缺的元素。那么如何将CSS和图片结合起来呢？使用CSS连接图片就是一种有效的方法。

background-image: url('example.jpg');

上面这行CSS代码就可以将图片example.jpg作为元素的背景图。其中url()中的路径为图片的链接地址。

如果想要将图片作为元素的内容呈现，可以使用下面的代码：

content: url('example.jpg');

这样就会把图片嵌入到元素中。同样地，url()中的路径为图片的链接地址。

除了以上两种方法外，还可以使用标签将图片连接到网页中：

<img src="example.jpg" alt="示例图片">

其中<img>标签用于插入图片，src属性表示图片要从哪里获取，alt属性为图片提供描述信息，这对于一些不能正常加载图片的情况非常重要。

无论使用哪种方法，连接图片时需要注意图片的路径和格式，避免产生404错误或者显示不正常的情况。同时也要注意图片大小，过大的图片会导致网页加载缓慢。