html - 悬停效果html或css

Question

我在我的网站上工作，想知道如何在这个网站上做这种悬停效果：

score 2 · Accepted Answer

添加 :hover 到你的 li 类

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

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

score 0 · Accepted Answer

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

对于悬停，使用这个：:hover

这里的冒号是非常必要的。

用法：

tag_name:hover { /*CSS*/ }

阅读更多关于:hover 这里。

score 0 · Accepted Answer

您可以使用简单的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 回答 3