CSS中可以使用onclick事件实现图片的切换，通过更改元素的背景图来达到效果。

首先在HTML文件中定义好需要更换的元素以及它们的背景图：

<div id="changeImg" onclick="changeImg()" ></div>

接下来写一个Javascript函数，代表点击后需要发生的事情，即更换背景图片：

<script>function changeImg() {var element = document.getElementById("changeImg");if (element.style.backgroundImage == "url('img1.jpg") {element.style.backgroundImage = "url('img2.jpg";} else {element.style.backgroundImage = "url('img1.jpg";}}</script>

函数中通过getElementById()方法获取到div元素，并且判断当前的背景图是哪一张。如果是img1.jpg，就把背景图替换为img2.jpg，如果是img2.jpg则替换为img1.jpg。

最后，在CSS文件中添加样式，让元素具有更好的点击效果：

#changeImg {cursor: pointer;}

至此，CSS中onclick换图片的效果已经实现，通过点击元素即可实现背景图的切换。