具體實現步驟如下:
1. 在HTML頁面中添加一個包含圖片的HTML元素。例如:
position: relative;
margin: 20px auto;
width: 100px;
height: 100px;
width: 100px;
height: 100px;
background-color: #f00;
cursor: pointer;
border-radius: 50%;
margin-top: 0;
當鼠標指針移動到圖片上時,我們使用“cursor: pointer”屬性來使圖片顯示文字。當鼠標指針停止在圖片上時,我們使用“background-color: #f00”屬性來設置圖片的背景顏色,并使用“cursor: pointer”屬性將文字隱藏。