檬味博客 » 问答 » 内联css怎么使用hover效果

内联css怎么使用hover效果

单纯只css做不到这个要求，hover的使用方法如下： a:link{color: #F00;} a:visited{color: #00F;} a:hover{color: #0F0;} a:active{color: #FF0;} 文字 但是可以用js辅助完成这个效果，使用onMouseOver（鼠标移到目标上）和onMouseOut（鼠标移开目标后）实现对a标签或其它...
内联css怎么使用hover效果
单纯只css做不到这个要求，hover的使用方法如下：
<head><title></title> <style type="text/css"> a:link{color: #F00;} a:visited{color: #00F;} a:hover{color: #0F0;} a:active{color: #FF0;}</style></head><body> <p style="color:#399"><a href="#">文字</a></p></body></html>

但是可以用js辅助完成这个效果，使用onMouseOver（鼠标移到目标上）和onMouseOut（鼠标移开目标后）实现对a标签或其它html标签设置hover样式。
直接对标签使用即可，无论A标签、SPAN标签、DIV标签等均可。
<a style="color:#00F; text-decoration:none" onMouseOver="this.style.color='#F00';this.style.textDecoration='underline'" onMouseOut="this.style.color='#00F';this.style.textDecoration='none'"> DIVCSS5</a>以上对a超链接代码设置默认样式、鼠标移到目标上、鼠标移开目标后样式。特点代码比较长。
DIVCSS5重要提示说明：为了看到鼠标移开后与默认样式相同，通常需要直接对标签使用style设置默认CSS样式并且与onMouseOut设置CSS样式保持相同。以免初始状态对象样式与鼠标移开对象后样式的不同。

但是另外需要注意：淘宝的描述页是无法使用外置css或者js模块的，外置css模块需要购买，js模块还没有开放
2015-06-02
先对标签定义个id，如<span id="cg_color"></span>,然后在js里面写方法，具体的写法，百度。如果用伪类，先对标签顶一个class，当然用id也可以，如<span class="cg_color"></span>,样式里面写cg_color:hover{****}

内联和外联是一样的啊，<style>span:hover{}</style> 就这样，楼主把“冒号”写成“点”了吧！2015-05-27
看你是用js还是用伪类来写。如果是js，先对标签定义个id，如<span id="cg_color"></span>,然后在js里面写方法，具体的写法，百度。如果用伪类，先对标签顶一个class，当然用id也可以，如<span class="cg_color"></span>,样式里面写cg_color:hover{****}2013-08-19
内联和外联是一样的啊，<style>span:hover{}</style> 就这样，楼主把“冒号”写成“点”了吧！2013-08-19
Vue实践-CSS样式position/display/float属性对比使用

2020-12-17
mengvlog 阅读 34 次 更新于 2025-08-07 21:57:42 我来答关注问题0
5 个回答檬味博客专题活动
  • 狂犬患者我能治 hover在css中的用法

    在CSS中，hover是一种伪类选择器，用于选择鼠标指针悬停在上面的元素，当用户将鼠标悬停在元素上时，可以使用hover`来应用一些样式变化。以下是一些常见的用法：1、改变鼠标悬停时的元素样式。例如，a：hover{color：red}，当鼠标悬停在链接上时，链接的颜色将变为红色。2、改变子元素样式。例如，child：...

  • 书香学编程 内联css怎么使用hover效果

    直接对标签使用即可，无论A标签、SPAN标签、DIV标签等均可。 DIVCSS5以上对a超链接代码设置默认样式、鼠标移到目标上、鼠标移开目标后样式。特点代码比较长。DIVCSS5重要提示说明：为了看到鼠标移开后与默认样式相同，通常需要直接对标签使用style设置默认CSS样式并且与onMouseOut设置CSS样式保持相同。以免...

  • 小欣教育问答 hover在css中的用法

    在CSS中hover用于选择鼠标指针浮动在上面的元素。当鼠标悬停在元素上时，可以通过更改元素的样式来提供反馈或交互。hover伪类可以应用于大多数HTML元素，包括链接、按钮、图像、表单元素和文本等。默认情况下，hover在鼠标悬停元素上时触发，这通常适用于链接、按钮等元素。选择通过hover更改样式的过渡效果。过渡...

  • 小白聊电子科技 hover在css中的用法

    hover伪类可以应用于大多数css元素，包括链接、按钮、图像、表单元素和文本等。使用hover伪类的语法很简单，只需要在选择器后面加上：hover即可。例如div：hover {background-color：yellow}。这段代码表示当用户把鼠标放在div元素上时，div的背景颜色会变成黄色。或者通过hover控制其他块的样式。例如：item是...

  • 猪八戒网 css行内样式hover(css行内样式写法)

    css样式hover状态变为其他字 修改文字内容,通常是通过JS来修改。 当鼠标悬浮时,通常使用伪元素:hover来修改样式,如何在鼠标悬浮时修改html内容? :hover是无法修改html内容,但是可以通过一系列的样式变化,达到当鼠标悬浮时,改变html内容。 用JS可以通过innerHtml来修改,在此不介绍。 纯CSS实现鼠标放上去改变文字内容 先...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部