html5怎么在图片上加文字_随笔

把图片设置为背景图片，然后加上文字就可以了<style>.img1{width:200px height:200px background-image:url("img/1.jpg")}</style><div class="img1">图片加文字</div>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" /><span>hello image</span>。

3、浏览器运行index.html页面，此时成功在图片右边写了文字“hello image”。

回答于 2022-11-16

抢首赞

html将文字做成超链接，文字在图片img内；如下

1、打开编辑软件，需要一张图片做背景图像；

<style>

.imgbj{ background:url(111111.png) no-repeat width:500px height:300px text-align:center}

.imgbj a{ color:#FFF}

</style>

<a href="http://www.baidu.com/">需要插入的文字链接</a>

</div>

给css样式取一个名字：imgbj，引用一张背景图片，设置一下宽度与高度，text-aling:center文字居中显示；

2、网页中显示效果：

点击文字即可链接到<a href="超链接地址">链接地址</a>即可；

欢迎分享，转载请注明来源：内存溢出

html5怎么在图片上加文字