如何CSS的a:hover完成替换背景图片？

Question

如题所述

Answer 1

需要准备的材料分别有：电脑、浏览器、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。