0

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

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

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

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

在此处输入图像描述

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

4

5 回答 5

1

您是在寻找房产background-color还是我错过了什么？

于 2013-02-11T13:34:59.833 回答
1

只需添加background-color: yellow;您的a:hover. 这是一个小提琴。

于 2013-02-11T13:37:05.273 回答
1 
a:link
{
color: #1d60ff;
text-decoration: underline;
outline: none;
}

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

就是这样

于 2013-02-11T13:37:45.260 回答
1

背景颜色不起作用吗？

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

a:hover
{
 color: #1d60ff;
 background-color: #00FF00;
 text-decoration: none;
 outline: none;
}
于 2013-02-11T13:38:06.300 回答
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;
}
于 2013-02-11T13:38:18.283 回答