2013-11-05 114 views
0

我有div框在錨標記內。在錨標記中創建CSS效果

想要在div內的文本上創建一些效果。

我編碼但它不顯示效果。 我想,當用戶需要鼠標在鏈接在後臺,然後應更改爲黃色着色劑:

.fragment h4: hover { 
    background-color:yellow; 
} 

而且,這裏的按鈕不上懸停效果給予。有人可以讓我知道這效果是有的在CodePan.com

我想保持我的顏色,並試圖建立梯度和懸停效果,因爲它是Codepan.com按鈕

http://www.codepen.io/karimkhan/pen/riklv

UPDaTE

我想保持框單擊。並且想要在鼠標懸停時更改網址。

+0

聽起來像它需要的JavaScript不是CSS –

+0

@tepkenvannkorn哦,親愛的沒有,如果沒有必要使用JavaScript,堅持CSS。 – Waclock

+0

他實際上想在徘徊時更改網址 –

回答

2

有一個在你的代碼一個錯字,h4:hover必須一起走:

.fragment h4:hover { 
background-color:yellow; 
} 

請注意我如何刪除H4之間的空間:懸停

你的問題用你的按鈕是你的CSS不正確,你忘了在課程名稱前加上.,即:.button。我只是更新了jsfiddle以添加此。

Here的工作jsfiddle。

+0

上感謝好友。你可以看看按鈕問題嗎?你的回答對我來說幾乎是正確的 –

+0

查看我更新的答案!如果它解決了您的問題,請將此標記爲正確的答案,謝謝! – Waclock

+0

感謝一噸。 Dude我想要創建按鈕效果,並且看起來像是在codepan.com登錄按鈕中。在有吸引力的好看。 http://jsfiddle.net/karimkhan/U8gyf/2/我再次嘗試,但不知道哪個參數使所需的效果 –

0

嘗試:

.fragment:hover h4 { 
    background-color: yellow; 
} 
+3

如果您將鼠標懸停在大div(.fragment)上,這將更改url的顏色。 – Waclock