CSS DIV 怎么做出来鼠标移动上就显示其内容
来源:网络收集 点击: 时间:2024-06-07【导读】:
用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标签内容:
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_887232.html
上一篇:怎样画小萌兔?
下一篇:guess英语怎么读,怎么用