當前位置:編程學習大全網 - 電腦編程 - CSS DIV 怎麽做出來鼠標移動上就顯示其內容?

CSS DIV 怎麽做出來鼠標移動上就顯示其內容?

用css偽類hover可以實現這個功能。

1、新建html文檔,在body標簽中添加壹個div標簽,然後在div標簽中添加p標簽,為p標簽添加內容:

2、為了方便演示,給div標簽設置寬高和背景顏色,然後給p標簽設置“display”屬性,屬性值為“none”,這樣p標簽中的文字默認情況下不會顯示:

3、給div設置hover偽類,當鼠標移動到div區域時,設置p標簽的樣式為塊級元素“block”:

4、這樣當鼠標移動到div上時就會顯示p標簽內容,鼠標離開就不顯示p標簽內容:

  • 上一篇:抖音機器人的話術整理怎麽弄
  • 下一篇:米雪米雪冰城的加盟費是多少?
  • copyright 2024編程學習大全網