css点击按钮弹出图片

你可以通过CSS设置一个按钮，然后使用JavaScript来控制点击事件并弹出图片。

首先，在HTML中创建一个按钮和一个图片元素：

<button id="myButton">点击我弹出图片</button>
<img id="myImage" src="path/to/image.jpg" alt="图片">

然后，在CSS中设置按钮的样式：

#myButton {
  background-color: #4CAF50; /* 按钮背景色 */
  color: white; /* 按钮文字颜色 */
  padding: 12px 24px; /* 按钮内边距 */
  border: none; /* 去除边框 */
  border-radius: 4px; /* 圆角 */
  cursor: pointer; /* 鼠标悬停样式 */
}

最后，在JavaScript中设置点击事件：

var button = document.getElementById("myButton");
var image = document.getElementById("myImage");

button.onclick = function() {
  image.style.display = "block"; // 显示图片
}

当用户点击按钮时，图片将会显示出来。你也可以通过CSS设置图片的样式，如设置其为绝对定位并居中等。