首页前端开发HTML图片上添加文字的两种常用方式

图片上添加文字的两种常用方式

时间2024-01-24 02:54:08发布访客分类HTML浏览472
导读:收集整理的这篇文章主要介绍了图片上添加文字的两种常用方式,觉得挺不错的,现在分享给大家,也给大家做个参考。 1.常用的方式是:将一张图片设置为背景,然后在里面加文字,你加入的图片代码是: 复制代码@H_406_7@代码如下: &l...
收集整理的这篇文章主要介绍了图片上添加文字的两种常用方式,觉得挺不错的,现在分享给大家,也给大家做个参考。 1.常用的方式是:将一张图片设置为背景,然后在里面加文字,你加入的图片代码是:

复制代码@H_406_7@代码如下:
img src="img.jpg" width='100px" height="50px">

改为

复制代码代码如下:
div style="background:url('img.jpg') no-rePEat; width:100px; height:50px"> 添加文字/div>

2.一种是:加span> 标签,设置css样式,你加入的代码是:

复制代码代码如下:
div style="posITion: relative; width: 170px; height: 89px; ">
img src="图片地址" width="170" height="89" alt="">
span style="position: absolute; top: 0; left: 0; "> 添加文字...添加文字...添加文字.../span>
/div>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

图片

若转载请注明出处: 图片上添加文字的两种常用方式
本文地址: https://pptw.com/jishu/584938.html
让几个横向排列的浮动子div居中显示的方法 div+pre标签的组合实现文本原格式显示与自动换行

游客 回复需填写必要信息