1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css如何设置鼠标放上图片出现文字

css如何设置鼠标放上图片出现文字

时间:2021-12-03 19:19:35

相关推荐

css如何设置鼠标放上图片出现文字

web前端|css教程

css

web前端-css教程

淘宝客原生app源码,vscode中文注释不对齐,ubuntu上网错误,tomcat多个项目端口,伦敦爬虫商店,包含php的html文件,荆门包年seo推广公司排名,html 收藏网站,旅游手册模板下载lzw

css设置鼠标放上图片出现文字的方法

拼图源码,vscode注释是白的,ubuntu序列比对,tomcat被莫名杀掉,线上考试爬虫,php定义参数类型,seo页面布局优化正确做法,wordpress下载网站,仿站完整模板源码下载lzw

1、使用

人脸识别 源码,ros和ubuntu内核,tomcat运行结果出现乱码,爬虫 淘宝 账号,php 改变网页内容,百度频繁更新seo怎么办lzw

和定义将在图片上要出现的文字,可以通过

和 将 HTML 元素组合起来。

代码如下:

这是要在图片上出现的文字

2、给div元素添加背景图片,并且设置大小;给文本元素span添加“display:none;”样式使其不显示,代码如下:

background-image:url(图片名称);width:250px;height:100px;background-position:center;

display:none;text-decoration:none;

3、使用hover选择器使鼠标放上图片时,文字出现,代码如下;

Document.a{background-image:url(1115.08.jpg);width:250px;height:100px;background-position:center; } .a span{display:none;text-decoration:none;}.a:hover span{display:block;position:absolute;top:0;left:0;color:blue;}

这是一副山水画

输出结果,当鼠标不在图片上时:

当鼠标在图片上时:

编程视频!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。