2013-03-16 48 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:懸停{}

,或者您可以使用簡單:懸停{顏色:紅色;文字裝飾:下劃線; }但它會適用於您網站上的所有鏈接