css設定滑鼠變背景的方法：先開啟對應的前端程式碼檔案；然後設定樣式為「.logo-link {background-image:url(...);}.logo-link:hover ,.logo-link:active {}”即可。
推薦：《css影片教學》
CSS程式碼實作滑鼠移過更換背景圖片
很多時候我們都能夠看到，當我們用滑鼠移過去的時候，指向的圖片將會變成另外一個圖片。下面我就將實現該功能的程式碼分享出來，希望能夠幫助大家。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.logo-link {
width:500px;
height:500px;
text-decoration:none;
display:block;
background-image:url(bj1.jpg);
background-position:0px 0;
background-repeat: no-repeat;
}
.logo-link:hover,.logo-link:active {
background-position:0 0;
background-image: url(bj2.jpg);
}
</style>
</head>
<body>
<a href="http://www.baidu.com" class="logo-link"></a>
</body>
</html>以上是css怎麼設定滑鼠變背景的詳細內容。更多資訊請關注PHP中文網其他相關文章！