css如何实现鼠标移入改变背景色

2025-05-13 14:00:00

1、在编辑器内新建一个stduy.html，用来学习今天的内容

2、在页面body区域新增一个div标签

3、在style标签内给div加上样式

4、在style标签内通过css的hover方法改变div的背景色

5、在浏览器里打开stduy.html，发现鼠标移入div,背景色改变

6、贴一下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css如何实现鼠标移入改变背景色</title> </head> <style> .test{ width: 200px; height: 200px; background-color: black; } .test:hover{ background-color: red; } </style> <body> <div class="test"></div> </body></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。