在网页设计中，图片是一个重要的元素。使用CSS可以轻松地在网页中添加图片，提高页面的美观度。那么，CSS如何引用图片呢？ 首先，在CSS中引用图片需要使用`background-image`属性。下面是一个简单的示例代码：

p {
background-image: url("图片的路径");
}

在这个例子中，我们使用`background-image`属性指定了图片的路径。需要注意的是，这个路径必须是相对于CSS文件的路径。 如果图片位于与CSS文件相同的目录中，可以直接使用图片的文件名。例如：

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

如果图片不在相同的目录中，可以使用相对路径来引用。例如：

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

在这个例子中，`..`表示返回上一级目录，`images`是图片所在的目录。 除了相对路径，还可以使用绝对路径来引用图片。例如：

p {
background-image: url("http://example.com/images/image.jpg");
}

在这个例子中，`http://example.com`是图片所在的网站的域名，`images`是图片所在的目录。 总之，无论图片是位于本地还是远程服务器上，使用CSS都可以方便地引用它。只需要指定正确的路径就可以了。