Html 如何将我的图像更改为悬停时的另一个图像

Html 如何将我的图像更改为悬停时的另一个图像,html,image,css,class,hover,Html,Image,Css,Class,Hover,有人能帮我吗?我试图使我的标志改变成另一个形象时,悬停 <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles/base.css"/> <link rel="stylesheet" href="styles/modele01.css"/> <link rel="shortcut icon" href="./images/fa

有人能帮我吗?我试图使我的标志改变成另一个形象时,悬停

<head>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="styles/base.css"/>
     <link rel="stylesheet" href="styles/modele01.css"/>
     <link rel="shortcut icon" href="./images/favicon.ico" >
     <title> Look At Them Cars </title>
     <style type='text/css'> 
        img {
            background-image: url('./images/LogoSite.png');
        }

        img:hover {
            background-image: url('./images/LogoBleu.png');
        }
    </style>
</head>

<body>
    <div id="titre" class="slide header">
        <h1><a href="index.html"><img src="./images/LogoSite.png"></a></h1>
        <br></br>
        <div id="liste">
            <a href="Lexus">Lexus</a>
            <a href="Porsche">Porsche</a>
            <a href="Toyota">Toyota</a>
            <a href="Crédits">Crédits</a>
        </div>
    </div>

看看那些车
img{
背景图片:url('./images/LogoSite.png');
}
img:悬停{
背景图片:url('./images/LogoBleu.png');
}



我一直在尝试在css img中创建一个类:将鼠标悬停在我想要更改的背景图像上。使用background image属性方法时,它不起作用,请在html页面顶部的head标记中尝试以下操作:

<style type='text/css'> 
    img {
       background-image: url('firstimage.png');
    }

    img:hover {
       background-image: url('second.png');
    }
</style>

img{
背景图片:url('firstimage.png');
}
img:悬停{
背景图片:url('second.png');
}
请在您的问题中包含您希望包含的任何其他信息。