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

 时间:2024-10-12 11:07:47

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

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

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

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

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

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

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

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

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

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

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>

  • HTML网页怎么设置圆角边框
  • 去掉小圆点;li标签去掉圆点
  • 怎么让两个div在同一行
  • css中如何实现button垂直居中
  • float居中怎么设置
  • 热门搜索
    尊师重教的手抄报 关于马的手抄报图片 世界地球日手抄报图片 国庆节的手抄报图片简单又漂亮 呵护心灵手抄报资料 木偶奇遇记手抄报 关于名著的手抄报 中国梦足球梦手抄报 防火防震手抄报 经典伴我行手抄报