CSS是網頁設計的重要元素，可以用來設置按鈕彈出圖片。在CSS中，可以通過設置按鈕的樣式和鼠標懸停的效果來實現彈出圖片的效果。以下是一些基本的CSS代碼示例。

/* 設置按鈕的樣式 */
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 設置鼠標懸停的效果 */
.button:hover {
background-color: #3e8e41;
}
/* 設置彈出圖片的樣式 */
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
visibility: hidden;
}
/* 設置按鈕點擊時顯示圖片的效果 */
.button:focus + img {
visibility: visible;
}

以上示例中，.button類是按鈕的基本樣式，設置了背景色、邊框、文字、內邊距和光標等。.button:hover是鼠標懸停時的效果，背景色會變暗。img是彈出圖片的樣式，使用了定位和可見性屬性。.button:focus + img是按鈕點擊時顯示圖片的效果，使用了CSS選擇器來關聯按鈕和圖片。

通過上述代碼示例，可以在網頁上實現按鈕彈出圖片的效果，增加網頁的交互性和趣味性。