1、1首先准备好html文件和所需要插入的图片，将其放在同一个文件夹内2然后在html文件中编辑要显示的页面内容和图片，先将整体的大概页面建立好3然后需要在html中添加环绕代码ltstyle p border1px solid red。

2、可以加个悬浮代码让文字浮于图片上，也可以加个分割之类的代码，让图片和文字分开排版。

3、HTML图片和文字是并列显示的如下1 将文字浮在图片上我们加个div把图片和文字包在一起，并且加上imggroup和imgtip这两个class，便于后面的处理我们要让文字浮在图片上面，需要加上定位看文字浮在了图片的底部。

4、1在HTML中，使用position属性给包含图片和文字的容器元素div添加相对定位样式2使用position属性给文字元素添加绝对定位样式3使用left和top属性设置文字元素在图片上的位置，将打招呼的文字定位在图片旁边即可。

5、lttitle图片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio。

6、我懂lz的意思，但是lz想过木有，word中文字四周环绕图片的效果，图片是插在文字中某个字符后面开始的，在html中，如果你想实现这样的效果，就必须把图片插在一个字符后面，这样，从该字符起，后面的宽度下面的高度，留出。

7、具体步骤如下1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3。

8、使用绝对定位就可以，使用gif图片，背景设置透明PNG是标准文件，可惜IE6不支持，然后文字和图片都处在同一个位置就行了使用css控制样式。

9、最简单的方法是使用浮动1可以用一个最大的div层 包裹住，左边一个div 左浮动，右边一个div右浮动，左边的就是一个logo图，主要处理在右边2右边的div定义好之后，在细分为上中下，三个大div，最上面的div 可以。

10、一image 作为背景图片，即backgroundurlquotquot例如如下代码块ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二将img块。

11、这样子lt！doctype htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyle type=quottextcssquot#content border solid #f00*设置边框样式跟颜色*margin 0 auto*设置div居中*。

12、有一种方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 这样写，是可以保证图片和文字同派且文字。

13、使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字。

14、lthtml 在上面的示例代码中，使用了Flex布局display flex来将三张图片放在一行，并通过设置每个图片占据一行的三分之一宽度width 3333%来实现图片和文字的样式可以根据需求进行调整，例如图片的间距padding。

15、如何在图片上加文字 如何在图片上加入文字方法如下 1把需要添加字的图片先移到桌面，鼠标右键点击图片，看到“编辑”后打开编辑2然后在“画图”中编辑，点击框中“A”的标志，这种标志一般都是编辑字体 3。