css内嵌样式怎么做hover

2025-10-19 11:15:57

1、单纯只css做不到这个要求,hover的使用方法如下:

<title></title>

    <style type="text/css">

        a:link{color: #F00;}

        a:visited{color: #00F;}

css内嵌样式怎么做hover

2、</style>

</head>

<body>

    <p style="color:#399"><a href="#">文字</a>

</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

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