具體實(shí)現(xiàn)步驟如下:
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;
當(dāng)鼠標(biāo)指針移動到圖片上時,我們使用“cursor: pointer”屬性來使圖片顯示文字。當(dāng)鼠標(biāo)指針停止在圖片上時,我們使用“background-color: #f00”屬性來設(shè)置圖片的背景顏色,并使用“cursor: pointer”屬性將文字隱藏。