需要準備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
2、在index.html中的<style>標簽中，輸入css代碼：
div{height: 80px; background: url(small3.png)}div:hover{background: url(small2.png)}。
3、瀏覽器運行index.html頁面，此時div顯示的背景圖片是small3.png。
4、將鼠標移入div，此時背景圖片自動變更成了small2.png。