1、标签里面加alt属性，格式ltimg src=quot图片路径quot alt=quot描述图片文字quot；1添加一个DIV，采用绝对定位，图片所属DIV为基准 2图片为背景图 第一种方法ltdiv style=quotpositionrelativewidth100pxheight100pxquot ltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth100px；可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三；效果如图 思路div相对定位 图片默认定位， 文字绝对定位 参考代码 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlelttitleltstyle type=quottextcssquot*div1下面 包含着1个图片和1段文字*#div1。

2、一image 作为背景图片，即backgroundurlquotquot例如如下代码块ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二将img块；用div+css就可以实现 图片是一层，文字是一层 当两层的位置是一样的时候，就会出现图片上有文字等信息了；然后在里面加文字，加入的图片代码是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot这样就可以图片上加文字了ltdiv；把图片设置为背景图片，然后加上文字就可以了 ltstyle img1 width200pxheight200pxbackgroundimageurlquotimg1jpgquot ltstyle ltdiv class=quotimg1quot图片加文字ltdiv；用img的alt属性，例如ltimg src=quotpathquot alt=quot这是一张图quot这样写的话，你把鼠标移动到图片上时，alt里的字就会显示出来，如果你的src无效，alt里的字将取代图片直接出现；的盒子根据装着图片的盒子进行定位就可以了，像这样的其实很简单的，要多思考和分析 代码，要注意图片你要自己放图片，和修改图片路径 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle图片上放文字lt。

3、编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置；用img的alt属性，例如ltimg src=quotpathquotalt=quot这是一张图quot这样写的话，你把鼠标移动到图片上时，alt里的字就会显示出来，如果你的src无效，alt里的字将取代图片直接出现；使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字；你说的添加文字是鼠标悬停在图片上显示的文字吗如果是的话添加 title 属性 ltimg src=quot图片地址quot width=quot170quot height=quot89quot alt=quotquot title=“这里写上要显示的字” 图片添加连接我的方法是在ltimg标签两边添加lta。

4、思路两种方法1把图片设置成背景，然后直接写文字即可2第二，写两个div，然后在CSS样式中写入positionrelative需要用top，right和bottom，left来定位随父级定位第二种代码ltdiv class=quotpicturequot ltdiv clas；把价格单独弄出来，以文字的方式显示然后给文字添加一个锚，在用CSS添加样式，ahovertextdecorationunderline。