如何使用 html 添加白色悬停到此超链接？

Question

我是初学者。 只是尝试向超链接添加白色悬停。

这是我使用的代码：

<a href="https://www.youtube.com/watch?v=HhqWd3Axq9Y">LISTEN</a>

Answer 1

对于悬停效果之类的东西，您需要 CSS。这是因为您正在对文本进行风格化，这就是 CSS 的用途。

以下样式是您在文档

<style>

中的

</style>

和

head

之间需要的样式。

<style>
/* Here's your original styling for your element (I saw it in your question comments) */
a {
    text-decoration: none;
    color: #808080;
}

/* Here's the hover effect. Everything you add in here is applied to the style on-hover. */
/* This is similar to a javascript onmouseover event except it only applies style. */
a:hover {
    color: white;
}
</style>

由于您已将样式化转移到 CSS 样式代码中，因此您可以简化 HTML 代码：

<a href="youtube.com/watch?v=HhqWd3Axq9Y" target="_blank">LISTEN</a>