1、方法一，利用html特性，每個標簽都有一個title屬性。

當鼠標hover在該標簽內容上時，瀏覽器展示出該標簽的title內容，讓鼠標移走，內容消失，如下： div{ height:100px; width:100px; background-color: aqua; } 文字內容文字內容 2、方法二，利用css的偽類hover，以及顯示隱藏屬性display，來實現如下： .continer{ height:100px; width:100px; background-color: aqua; } .continer div{ display:none;/*默認隱藏*/ } .continer:hover div{ display:initial;/*當鼠標hover時展示*/ } 文字內容文字內容 我是鼠標懸停展示的內容

hover在css中屬于偽類

#top #top3 #top6 是div的名字 .ul1是div 的class也就是一個類的名字，可以理解為也是一個div的名字 li 是列表 a:hover是字體有鏈接的樣式，就是超鏈接的有沒有下劃線和顏色。 整個合起來的意思就是：名稱是#top #top3 #top6 .ul1這四個div的li中超鏈接的樣式是什么樣式！

css中懸停改變樣式的最好方法是用偽類選擇器div:hover{}。css代碼示例如下：

div{width:100px;height:200px;background:#000;}div:hover{background:#fff;}這是一個修改背景顏色的示例，偽類里可以修改跟多的樣式，寬度，高度或者字體大小，字體顏色都是可以修改的。