CSS是前端開發中非常重要的一部分，其中配置圖片也是其中一項基本技能。在HTML中引用圖片只需要使用標簽就可以了，而如何對圖片進行設置，就需要使用CSS來實現。下面介紹幾種在CSS中設置圖片的方式：

.test1 {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.test2 {
background: url('example.jpg') no-repeat center center;
background-size: cover;
}
.test3 {
content: url('example.jpg');
}

以上代碼分別是通過CSS設置背景圖片，使用CSS偽元素的方式以及使用CSS content屬性來設置圖片。

第一種方式中，background-image屬性用于指定圖片的URL地址，background-repeat屬性用于指定圖片是否重復，background-size屬性用于指定圖片的大小與容器的大小是否一致。這種方式適合于作為背景圖的情況。

第二種方式中，background屬性可以實現與第一種方式類似的功能，但寫起來更為簡單，同時可以使用多個值來調整圖片的位置。同樣也需要使用background-size屬性來指定圖片大小。

第三種方式是通過CSS content屬性直接在HTML中插入圖片，適合于一些特殊情況，比如實現一些小圖標等。但需要注意的是，該方式只能插入一張圖片，如果需要插入多張圖片，需要寫多個CSS樣式。

總之，在CSS中設置圖片的方式很多，開發者可以根據實際情況選擇不同方式來處理。以上幾種方式都是開發中比較常用的方式。