HTML用代码实现鼠标经过时文字变色问题

 时间:2026-05-03 08:31:06

1、现在html文档中建立标题1h1和标题2h2的属性设置

HTML用代码实现鼠标经过时文字变色问题

2、现在html文档中建立标题1h1和标题2h2的属性设置

HTML用代码实现鼠标经过时文字变色问题

3、然后在style中添加css样式,首先先对h1建立:hover的样式添加,:hover就是css3中的常用属性,鼠标经过时发生什么样的变化

HTML用代码实现鼠标经过时文字变色问题

4、如图,在h1:hover{color:red;}当鼠标经过h1的时候,颜色变成红色

HTML用代码实现鼠标经过时文字变色问题

5、保存后,回到浏览器看看效果怎么样,当鼠标经过H1时,标题1有黑色自动变成了红色

HTML用代码实现鼠标经过时文字变色问题

6、然后再对h2进行鼠标经过属性设置,设置为blue,鼠标经过时颜色变成蓝色,

HTML用代码实现鼠标经过时文字变色问题

7、对h1和h2分别设置了不同的颜色,当鼠标经过H1时h1就会变成红色,当移开鼠标时就会恢复到原来的黑色,鼠标经过h2时,同样,颜色变成蓝色,然后鼠标离开恢复到原来的颜色。

HTML用代码实现鼠标经过时文字变色问题

  • html怎么设置文字居中对齐
  • HTML之锚点链接
  • html鼠标悬停变色
  • html字间距怎么设置
  • 网页设计HTML中如何插入背景图片
  • 热门搜索
    qq被盗号了怎么办 转氨酶高怎么调理 低血压是怎么引起的 脚心痒是怎么回事 建筑密度怎么算 参茸鞭丸效果怎么样 臭豆腐怎么做 怎么做贺卡 螃蟹怎么养 隐形眼镜怎么带