悬停效果html或css [关闭]

【问题标题】：Hover effect html or css [closed]悬停效果html或css [关闭]
【发布时间】：2013-07-05 12:08:40
【问题描述】：

我正在开发我的网站，并且想知道如何在这个网站上实现这种悬停效果：

【问题讨论】：

【解决方案1】：

添加 :hover 到你的 li 类

li.classname {color: #fff}
li.classname:hover {color: #000}

现在，当您将鼠标悬停在元素上时，文本的颜色会发生变化。

【讨论】：

【解决方案2】：

您可以通过简单的 html 和 css

轻松实现您想要的结果

HTML

<div>Shailender Arora
    <span>UI Developer</span>

</div>

CSS

div {
    background:red;
    width:200px;
    height:50px;
}

span {
    display:block;
    color:red;
}

div:hover {
    background:yellow;
}

【讨论】：

【解决方案3】：

使用 CSS 来实现。在 CSS 中有一些叫做伪元素的东西，它们充当用于更改标记标签的函数类型。

悬停使用这个：:hover

这里的冒号是很有必要的。

用法：

tag_name:hover { /*CSS*/ }

阅读更多关于:hoverhere的信息。

【讨论】：