在hbuilder如何在图片上添加文字_IT百科

、打开HBuilder，在HBuilder左侧右键新建一个web项目。

2、项目名字可以选用驼峰命名法。

3、将图片拉入img文件夹。

4、点击index.html。

5、在body里面写相应的代码。

6、保存，点击上方浏览器图标可浏览

具体 *** 作步骤如下：

一、首先是准备一个HTML文档，接着在HTML中添加一个DIV，并给DIV设置宽高和背景图片。

二、接下来运行页面就可以看到如下图所示的带背景图片的div了。

三、然后在div中包裹文字就可以了，如下图所示。

四、运行页面我们就可以看到图片上显示出文字了，如下图所示，以上就是用CSS往图片上加文字的实现了。

实现思路：将图片作为背景，之后直接输入相应的内容即可。

举例：

<div class="zj02" style ="width:100%height:100%overflow:hidden">此处是需要输入的内容</div>；

</body>

此时设置的的是背景图片中创建div标签后，输入的相应内容，此内容就在图片“内”。

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

在hbuilder如何在图片上添加文字