在CSS中，要實(shí)現(xiàn)點(diǎn)擊自動(dòng)換圖片的功能，需要結(jié)合HTML和JavaScript來(lái)實(shí)現(xiàn)，以下是一種實(shí)現(xiàn)方式：

在HTML中創(chuàng)建一個(gè)包含圖片的容器，并給容器添加一個(gè)***的ID。

<div id="image-container">
  <img src="image1.jpg" alt="Image 1">
</div>

在CSS中設(shè)置容器的樣式，包括寬度、高度、邊框等。

#image-container {
  width: 300px;
  height: 200px;
  border: 1px solid #000;
}

使用JavaScript來(lái)編寫點(diǎn)擊自動(dòng)換圖片的邏輯，創(chuàng)建一個(gè)包含圖片鏈接的數(shù)組，然后編寫一個(gè)函數(shù)來(lái)處理點(diǎn)擊事件。

var imageLinks = [
  "image1.jpg",
  "image2.jpg",
  "image3.jpg"
];
var imageIndex = 0;
var imageElement = document.getElementById("image-container");
var image = new Image();
image.src = imageLinks[imageIndex];
imageElement.innerHTML = "";
imageElement.appendChild(image);
imageElement.addEventListener("click", function() {
  imageIndex = (imageIndex + 1) % imageLinks.length;
  image.src = imageLinks[imageIndex];
});

在這個(gè)示例中，當(dāng)點(diǎn)擊容器時(shí)，圖片會(huì)切換到數(shù)組中的下一張圖片，通過%操作符，可以確保圖片循環(huán)切換。