css - 有谁知道我如何调整这个 CSS 来实现我想要的超链接效果？

Question

目前，我的 CSS 中只有这个:

a:link
{
color: #1d60ff;
text-decoration: underline;
outline: none;
}

a:hover
{
color: #1d60ff;
text-decoration: none;
outline: none;
}

有人知道如何为我网站的超链接实现 THIS 类型的 css 效果吗？基本上，超链接的背景是橄榄绿黄色，悬停时，它们会变成亮黄色。

我浏览了 w3schools 并用谷歌搜索、调试它、查看源代码，但我似乎无法复制这种效果；我只是不知道我会使用正确的 css。我不是要复制这个网站的 CSS；我只想知道他们是如何实现的，这样我就可以做一些与我类似的事情。任何指导将不胜感激!

Answer 1

我已经为您创建了这个 JFiddle。 http://jsfiddle.net/persianturtle/LBsJL/这有帮助吗？

P
{
background-color:black;
color:white;
}
a:link
{
background-color: #aeb05d;
text-decoration: underline;
outline: none;
}

a:hover
{
background-color: yellow;
text-decoration: none;
outline: none;
}