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

Question

目前，我在CSS中只有这个：

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

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

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

我已经浏览了w3schools并且用Google搜索，查看了它，查看了源代码，但我似乎无法复制这种类型的效果;我只是不知道我使用的正确的CSS。我不是想复制这个网站的CSS;我只想知道他们是如何实现的，所以我可以做类似于我的事情。任何指导将不胜感激！

Answer 1

您正在寻找物业background-color还是我遗失了什么？

Answer 2

只需在background-color: yellow;上添加a:hover即可。 这是一个fiddle。

Answer 3

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

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

就是这样

Answer 4

背景颜色不起作用吗？

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

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

Answer 5

我已经为你创建了这个JSFiddle。 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;
}