CSS鼠標(biāo)插入圖片回到頭的方法，可以讓用戶在瀏覽網(wǎng)頁(yè)時(shí)，使用鼠標(biāo)點(diǎn)擊圖片，可以自動(dòng)將圖片切換回原始大小，同時(shí)保持圖片的連貫性。

使用CSS的媒體查詢，我們可以控制圖片的大小和樣式，同時(shí)使用圖片的“鼠標(biāo)懸停”屬性，將圖片切換回原始大小。具體步驟如下：

其中，src表示圖片的URL,style表示圖片的樣式，show表示是否顯示鼠標(biāo)懸停效果。

2. 使用CSS樣式將圖片樣式控制起來(lái)。

width: 100%;

height: auto;

width: 100%;

height: 100%;

display: block;

3. 在需要使用鼠標(biāo)回到頭的時(shí)候，使用CSS的媒體查詢，將鼠標(biāo)樣式設(shè)置為懸停狀態(tài)。

width: 100%;

height: auto;

@media mediatype and (hover:hover) {

width: 100%;

height: 100%;

display: block;

其中，mediatype表示媒體類型，hover:hover表示鼠標(biāo)懸停狀態(tài)。根據(jù)hover:hover的條件判斷，當(dāng)鼠標(biāo)懸停在圖片上時(shí)，使用display: block；將圖片切換回原始大小。

通過以上步驟，我們就可以使用CSS控制圖片的大小和樣式，同時(shí)使用鼠標(biāo)懸停屬性，將圖片切換回原始大小，從而實(shí)現(xiàn)圖片回到頭的效果。