美文网首页CSS零散笔记
CSS :hover 选择器(鼠标放上去效果)

CSS :hover 选择器(鼠标放上去效果)

作者: 灵台悠步 | 来源:发表于2019-04-28 13:51 被阅读0次

鼠标移动上去,背景色改变

<!DOCTYPE html>
<html>
<head>
<style>
a:hover
{
background-color:yellow;
}
</style>
</head>
<body>

<a href="http://www.w3school.com.cn">W3Sschool</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>注释:</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>

</body>
</html>

相关文章

  • CSS :hover 选择器(鼠标放上去效果)

    鼠标移动上去,背景色改变

  • 伪类选择器

    伪类选择器就是一种状态选择器 “:”link 链接visited 鼠标有点过的hover 鼠标放上去active ...

  • css伪类与伪元素

    CSS伪类:用于向某些选择器添加特殊的效果。 :hover 将样式添加到鼠标悬浮的元素 :active ...

  • CSS标签分类,盒子模型,层模型

    CSS属性引申 hover伪类当鼠标移入执行选中的代码,将鼠标移出忽略此代码。选择器:hover{ }**伪类也有...

  • Hover.css 动画库源码样式解读

    hover.css[http://ianlunn.github.io/Hover/]是一个CSS3的鼠标悬停效果,...

  • CSS伪类和伪元素

    CSS伪类: link:未被访问的链接 visited:被访问过后的样式 hover:鼠标放上去的样式 activ...

  • img:hover闪烁问题

    最近项目做首页,上面很多图片导航需要hover效果,使用css的:hover选择器发现加载hover图片时会闪烁,...

  • css伪类和伪元素

    css伪类 css伪类用于向某些选择器添加特殊的效果。:link, :visited, :hover, :focu...

  • CSS3新增2d和3d属性

    一、过渡 过渡的属性写在本身的元素上,鼠标放上去有过渡效果,滑离的时候也有过渡效果 过渡的属性写在:hover 里...

  • vue 项目的 hover 延迟效果(delay)

    最近有一个需求,是用鼠标经过,有一个hover效果,但是如果用原生的css hover来做,反应太灵敏了,就是效果...

网友评论

    本文标题:CSS :hover 选择器(鼠标放上去效果)

    本文链接:https://www.haomeiwen.com/subject/nadphqtx.html