懸停效果HTML或CSS

Question

我的工作在我的網站，並想知道如何做到這一點懸停效果就像這個網站：

http://www.level1productions.com/athletes.cfm?catID=4

Answer 1

，你可以很容易地用簡單的HTML 和 CSS

HTML

<div>Shailender Arora 
    <span>UI Developer</span> 

</div> 

CSS實現你想要的結果

div { 
    background:red; 
    width:200px; 
    height:50px; 
} 

span { 
    display:block; 
    color:red; 
} 

div:hover { 
    background:yellow; 
} 

DEMO

Answer 2

地址：懸停貴麗類

li.classname {color: #fff} 
li.classname:hover {color: #000} 

現在，當你將鼠標懸停在元素中的文本的顏色會發生變化。

Answer 3

與CSS一起做。在CSS中有一些東西叫做僞元素和他們的行爲類型的用於改變標記標籤功能。

懸停這個人是使用：:hover

這裏的結腸是非常necessasry。

用法：

tag_name:hover { /*CSS*/ } 

瞭解更多關於:hoverhere。