养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css内嵌样式怎么做hover

时间:2024-10-31 21:27:23

有很多人不了解css内嵌样式怎么做hover,那么今天小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。

方法/步骤

1、单纯只css做不到这个要求,hover的使用傲艟茏慕方法如下:<title></title><styletype="墉掠载牿text/css">a:link{color:#F00;}a:visited{color:#00F;}

css内嵌样式怎么做hover

2、</style></head><body>争犸禀淫<pstyle="color:#399"><ahref=&鳎溻趄酃quot;#">文字</a></p></body></html>

css内嵌样式怎么做hover

3、但是可以用js辅助完成这个效果,使用onMouseOver(鼠标移到目标上)

css内嵌样式怎么做hover

4、和onMouseOut(鼠标移开目标后)实现对a标签或其它html标签设置hover样式。

css内嵌样式怎么做hover

5、直接对标签使用即可,无论A标签、SPAN标签、DIV标签等均可。

css内嵌样式怎么做hover

6、对a超链接代码设置默认样式、鼠标移到目标上、鼠标移开目标后样式。特点代码比较长。

css内嵌样式怎么做hover

7、DIVCSS5重要提示说明:为了看到鼠标移开后与默认样式相同,通常需要直接对标签使用style设置默认CSS样式并且与onMouseOut设置CSS样式保持相同。

css内嵌样式怎么做hover

© 一点知识