2013-11-05 82 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