檬味博客 » 问答 » 内联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 阅读 11 次 更新于 2025-06-20 01:22:44 我来答关注问题0
5 个回答檬味博客专题活动
  • 书香学编程 内联css怎么使用hover效果

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

  • 狂犬患者我能治 hover在css中的用法

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

  • 翡希信息咨询 css中的hover

    1. hover的基本作用： hover的主要作用是实现元素在鼠标悬停时的动态样式调整。通过hover，可以改变元素本身的外观，如背景颜色、字体颜色、边框等。2. hover的基本语法： 要使用hover，需要遵循以下语法：“元素:hover{css样式};”。这意味着当鼠标悬浮在指定的元素上时，将应用大括号内的CSS样式。3. ...

  • 文暄生活科普 css中的hover

    要使用hover，首先了解其基本语法：“元素:hover{css样式};”。hover必须紧跟在`:link`和`:visited`之后，以确保样式生效。以下是hover的几种常见用法:最基础的用法是，当鼠标悬浮在标记为'a'的元素上时，可以改变其背景颜色，例如：`a:hover { background-color: green; }`更高级的用法，可以通过'...

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

    选择通过hover更改样式的过渡效果。过渡效果可以使样式的更改更加平滑。可以使用CSS中的transition属性来选择过渡效果所需的时间、速度和缓动函数。例如，人们可以选择0.5秒的过渡时间和缓慢的缓动函数。CSS的特点介绍 1、丰富的样式定义 CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何...

其他CSS类似问题

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

CSS相关话题

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