在網頁設計中，點擊文字顯示圖片是一種常見的交互方式。通過CSS的偽類和屬性，我們可以輕松實現這一效果。以下是一個簡單的示例：

/*定義一個含有背景圖片的樣式*/
.show-image{
background-image: url("image.png");
/*設置圖片的位置和大小*/
background-position: center;
background-size: cover;
/*設置圖片不可見*/
display: none;
}
/*設置鏈接的樣式*/
a {
color: blue;
text-decoration: underline;
}
/*當鏈接被點擊時，顯示圖片*/
a:hover + .show-image{
display: block;
}

在上述代碼中，我們首先定義了一個樣式，其中包含一個背景圖片。接著，我們設置圖片的位置和大小，并將其設置為不可見。然后，我們給鏈接設置樣式。最后，我們使用CSS的偽類“:hover”，當鏈接被鼠標懸停時，通過相鄰兄弟選擇器“+”，選中鏈接后面的圖片，并將其顯示出來。

在實際開發中，我們可以根據具體需求調整CSS屬性，進一步美化界面。