您现在的位置是：首页 > 优选经验 >正文
今日html鼠标移上去背景变颜色（css设置鼠标滑过背景变色;鼠标滑过背景变色）
发布时间：2022-07-03 15:25:07柯珠香来源：
导读大家好，小常来为大家解答以上问题。html鼠标移上去背景变颜色，css设置鼠标滑过背景变色;鼠标滑过背景变色很多人还不知道，现在让我们一起...
大家好，小常来为大家解答以上问题。html鼠标移上去背景变颜色，css设置鼠标滑过背景变色;鼠标滑过背景变色很多人还不知道，现在让我们一起来看看吧！
1、创建一个新的html文件。
2、如图在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。
3、 如图：代码：在title标签后创建style标签用来给bg类添加样式。
4、在这给bg类设置了一个宽、高和背景颜色。
5、 如图代码：设置鼠标滑过div时背景变色。
6、给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。
7、如图代码：.bg:hover{background-color: burlywood;}实用浏览器打开。
8、保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。
9、、所有代码，可把所有代码直接复制到新家的html文件上，保存好后用浏览器打开即可看到效果。
10、如图：所有代码：
本文到此结束，希望对大家有所帮助。
标签：
猜你喜欢
最新文章
- 今日html鼠标移上去背景变颜色（css设置鼠标滑过背景变色;鼠标滑过背景变色）
- 今日安利产品怎么样有效果吗（安利产品怎么样）
- 今日成人高考作文万能模板（成人高考作文）
- 今日文秘工作内容及职责（文秘工作）
- 今日穿越电视剧大全韩国（穿越电视剧有哪些）
- 雄性激素过多怎么调理（雄性激素过多怎么调理）
- 女性降低雄激素（女性降低雄激素的方法）
- 互联网购物（关于互联网购物的介绍）
- 今日春风入罗帷（春风入罗帷）
- 今日t310虎贲相当于什么cpu（t310）
- 今日烧烤箱（烧烤箱）
- 今日脉冲光是什么（脉冲光）
- 今日铁锅开锅方法视频（铁锅开锅小窍门）
- 今日毕节和安顺哪个城市干净（毕节地区和安顺哪个好）
- 今日今天立春的准确时间是几点
- 今日陌陌是什么东西
- 6070s（关于6070s的介绍）
- 开机不自检直接进系统（开机不自检）
- 现在什么歌更火（现在什么歌最好听）
- 色大写拼音怎么拼（色大哥网址）
- 今日好看的大片电影（好看的大片）
- 今日idc是什么缩写（idc是什么意思）
- 今日6尺7寸（6尺7）
- 今日沈阳宽带排名（沈阳宽带）