2016 - 2024

感恩一路有你

html鼠标放上去显示文字 网页当中如何做鼠标经过图片显示文字?

浏览量:1403 时间:2021-04-11 04:54:50 作者:admin

网页当中如何做鼠标经过图片显示文字?

通过CSS伪类中的“hover”。

1. 创建一个新的HTML文件,在body标记中添加一个div标记,在div标记中嵌套一个p标记,然后添加p标记的内容。这里,以“演示文本”为例:

2。在head标签中添加一个style标签,然后在style标签中设置P标签的预显示样式,该样式不预先显示,因此P标签的属性代码设置为“P{display:0为便于演示,为div设置一个灰色背景色,代码为“div{width:100px height:100px background:#CCC}

]3。向div标记添加一个hover伪类,然后键入一个空格,然后设置P标记的显示样式。代码是“分区:悬停p此代码表示当鼠标放置在div上时,P标签的显示状态将从隐藏变为显示,并且P标签中的文本将被显示

html鼠标放上去显示文字 鼠标移上去显示文字 鼠标隐藏了怎么显示出来

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。