2013-03-16 47 views
-1

我正在使用HTML/CSS的网站,并添加了一部分代码,以使链接高亮显示在鼠标上;因为主页上的主图像中嵌入了链接,当您将鼠标悬停在图像上时,其下方会突出显示?关于CSS/HTML

任何想法?我能做些什么才能让代码突出显示我的代码的<p> ... </p>区域内的链接?

这里是我目前正在使用:

p a:hover {<p> < a href="IMAGE LINK HERE"> </a> Biography </p> 

    background-color: rgb(255, 255, 255); 
} 
+0

请显示* ...添加了您的部分代码... *您的 – peterm 2013-03-16 06:38:32

+0

@Jon,我会将其作为回答 – 2013-03-16 06:38:45

+0

@NickMitchinson作为回答。 ^^ – Jon 2013-03-16 06:40:20

回答

2

答案的要求。使用

p a:hover { 
    background-color: yellow; /* Color that it will highlight */ 
    /* Other styles that you want */ 
} 
+0

对不起,我是一个非常糟糕的开发人员。昨天刚刚开始。这是我想要做的: p a:hover {{

Biography

background-color:rgb(255,255,255); } 所以,我希望当有人悬停在这个特定的链接上时,它会突出显示白色。我可能做错了。 – Anonymous 2013-03-16 06:52:05

+0

是“传记”链接的ID还是类?如果ID使用'#Biography {background-color:rgb(255,255,255); }'if class,use'.Biography {background-color:rgb(255,255,255);} }' – Jon 2013-03-16 06:54:07

+0

根据您的评论编辑,您想要将链接更改为'Biography',然后使用'#biography {background-color:rgb(255,255,255); }或者,要改变前景色,使用'color:#FFFFFF'而不是'background-color'。根据您的问题编辑,您希望HTML中的链接与CSS分离,CSS内没有HTML。 – Jon 2013-03-16 06:56:28

0

P A:悬停{}

,或者您可以使用简单:悬停{颜色:红色;文字装饰:下划线; }但它会适用于您网站上的所有链接