用CSS3定义鼠标悬停属性，不仅有好的页面效果，还能带来更好的用户体验，一起来看看吧。
工具/原料
Sublime编辑器，浏览器
方法/步骤
1
新建一个txt文档，将文件名改成“index.html”，如下图所示。
2
将index.html文件用Sublime编辑器打开。
3
编写html5标准化代码，并修改title标签值。
4
新建一个div标签，将其长宽设置成100px*50px，背景颜色设置成粉色。
5
将index.html在浏览器中打开，查看页面效果，如下图。
6
做div标签的：hover属性，将背景改成红色，悬浮在上面的时候用小手图标。
7
刷新页面，正常情况无变化，但是鼠标悬浮其上的时候，背景颜色变成红色。
注意事项
以上为小编编程经验总结，希望能够帮到你！
上一篇：如何讨女孩子欢心