关于在图片上用代码添加文字的方法，互联网上有不少介绍，其方法也有很多种，但大多比较复杂，初学者看不懂，不易掌握。介绍的这种方法非常简单，一看就懂，一学就会。要特别说明的是，这种用代码在图片上添加文字的方法，与用制图软件直接在图片上打文字的方法是不同的。用制图软件打上的文字，是与图片的图层合并在一起的，随图片一起流通。而用代码在图片上添加的文字，是与图片分割的两个整体，当你保存在硬盘里时，只能保存图片，而不能与文字一起保存。其优点是可随时更换文字.
代码如下:
<P align=center>
<TABLE style="WIDTH: 560px; HEIGHT: 444px" borderColor=#392d1d height=444 cellSpacing=5 cellPadding=0 width=583 align=center bgColor=#c9a58b border=9>
<TBODY>
<TR>
<TD background=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_2.jpg>
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=150 direction=right behavior=slide width=350 height=40>
<MARQUEE scrollAmount=1 scrollDelay=150 behavior=slide width=350 height=40><P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#392d1d,direction=180); WIDTH: 100%; COLOR: #f1d5a5; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>金钥匙家</B></FONT></MARQUEE></MARQUEE><BR>
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=350 height=250>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=350 height=250><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR:red; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体">看着身旁的人一对对<BR>想起谁心痛在作祟<BR>你看窗外山花开得那么美<BR>真想牵你的手化蝶翩翩飞<BR>我以为爱过就不会后悔<BR>每一次醒来的时候眼角还有泪<BR>难道受伤的心还在呼唤谁<BR>快来吧快来吧让我爱一回<BR>谁是谁的谁的谁<BR>谁让谁憔悴<BR>谁是谁的谁的谁<BR>谁让谁伤悲<BR>来来往往的人<BR>谁认识了谁<BR>谁与谁相逢<BR>谁是谁的谁<BR></P></FONT></MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>
显示;
金钥匙家
看着身旁的人一对对
想起谁心痛在作祟
你看窗外山花开得那么美
真想牵你的手化蝶翩翩飞
我以为爱过就不会后悔
每一次醒来的时候眼角还有泪
难道受伤的心还在呼唤谁
快来吧快来吧让我爱一回
谁是谁的谁的谁
谁让谁憔悴
谁是谁的谁的谁
谁让谁伤悲
来来往往的人
谁认识了谁
谁与谁相逢
谁是谁的谁
代码如下:
<P align=center>
<TABLE height=420 cellSpacing=10 cellPadding=0 width=550 align=center background=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_3.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=2 direction=up>
<DIV style="FILTER: shadow(color=blue, strength=10); WIDTH: 550px; HEIGHT: 420px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 0pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal">
<P align=center><FONT face=宋书 color=#ff0000 size=6>有缘千里来相会！</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=6>无缘对面不相识！</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=6>朋友，欢迎来到</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=6>金钥匙的博客！</FONT></P>
</MARQUEE></DIV >
</TD></TR></TBODY></TABLE>
显示:
有缘千里来相会！
无缘对面不相识！
朋友，欢迎来到
金钥匙的博客！
代码如下:
<P align=center>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_4.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=2 direction=up>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>欢迎光临！</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff00ff size=8>金钥匙的家！</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff000f size=8>博客家园的美！</FONT></P>
<P align=center><FONT face=华文行楷 color=#00ff00 size=8>没有你们不可以！</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>希望你们会喜欢！</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>继续支持金钥匙家！</FONT></P></MARQUEE>
</TD></TR></TBODY></TABLE>
显示:
欢迎光临！
金钥匙的家！
博客家园的美！
没有你们不可以！
希望你们会喜欢！
继续支持金钥匙家！
代码如下:
<P align=center>
<TABLE cellSpacing=6 borderColorDark=#08094a cellPadding=0 align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=6><B>枫叶情
<P align=center><FONT face=楷体_GB2312 color=#ffffff size=4>制作：2009年5月8日 </FONT>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>爱上美丽的秋天</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>我更爱枫叶一片片</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>你那红红的笑</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>又比枫叶还更娇</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>叫我对你又爱又恋</P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>...........</FONT></B>
</TD></TR></TBODY></TABLE>
有关代码说明：
<TABLE cellSpacing=6 borderColorDark=#08094a cellPadding=0 width="80％" align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>这是边框代码，即是表格代码，它是在图片上添加文字的关键代码，没有它就不能添加。
background 这是边框格式的图片命令语法，与IMG 格式的图片命令语法src不同，请朋友们不要用错了。
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">这是使文字增加羽化的特效代码，可用可不用，随个人的喜好。
效果如下:
枫叶情
你那红红的笑
又比枫叶还更娇
叫我对你又爱又恋
...........
制作：2009年5月8日
爱上美丽的秋天
我更爱枫叶一片片
移动文字效果:
枫叶情
你那红红的笑
又比枫叶还更娇
叫我对你又爱又恋
...........
制作：2009年5月8日
爱上美丽的秋天
我更爱枫叶一片片
代码如下:
<DIV align=center>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=554 width=500 align=center background=图片地址 table>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 direction=up height=300>
<CENTER><FONT style="FONT-SIZE: 20pt" face=华文新魏 color=#ffff00><B><BR>如水的夜色慢慢袭上来<BR>柔和的灯光<BR>散发出暧昧和诱惑<BR>CD里播放的是古筝曲<BR>凄美绝美缠绵悱恻的<BR>爱情故事<BR>正娓娓向我们道来<BR>如泣如诉<BR>在这静静的夜空<BR>如流苏般弥漫<BR>心情也随着乐曲跌跎起伏<BR><BR>兰亭雨榭<BR><BR></B></FONT></CENTER></MARQUEE>
</TD></TR></TBODY></TABLE>
显示;
如水的夜色慢慢袭上来
柔和的灯光
散发出暧昧和诱惑
CD里播放的是古筝曲
凄美绝美缠绵悱恻的
爱情故事
正娓娓向我们道来
如泣如诉
在这静静的夜空
如流苏般弥漫
心情也随着乐曲跌跎起伏
兰亭雨榭
代码如下:
<TABLE style="BORDER-RIGHT: #ff0000 15px ridge; BORDER-TOP: #ff0000 15px ridge; BORDER-LEFT: #ff0000 15px ridge; BORDER-BOTTOM: #ff0000 15px ridge; BACKGROUND-COLOR: #000000" cellSpacing=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE height=600 width=525 align=center background=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_7.jpg border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=down behavior=slide width=400 height=450>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=up width=400 height=450>
<P align=center><FONT color=red size=6><B> <br> 忙碌的生活并不影响对朋友的牵挂， <br>轻轻的一声问候，<br>让我们知道彼此的牵挂，<br>愿我挚诚的祝福像盛开的花朵, <br>祝愿：好人一生幸福！安康！</B></FONT></MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
显示:
忙碌的生活并不影响对朋友的牵挂，
轻轻的一声问候，
让我们知道彼此的牵挂，
愿我挚诚的祝福像盛开的花朵,
祝愿：好人一生幸福！安康！
代码如下:
<P align=center>
<TABLE style="BORDER-RIGHT: #ff0000 15px ridge; BORDER-TOP: #ff0000 15px ridge; BORDER-LEFT: #ff0000 15px ridge; BORDER-BOTTOM: #ff0000 15px ridge; BACKGROUND-COLOR: #000000" cellSpacing=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE height=600 width=525 align=center background=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_8.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#E4DC9B, strength=4); WIDTH: 530px">
<P align=center>
<img src=http://image55.360doc.com/DownloadImg/2012/10/0316/27299622_1.jpg width=400>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=down behavior=slide width=400 height=450>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=up width=400 height=450>
<P align=center><FONT color=red size=6><B> <br> 忙碌的生活并不影响对朋友的牵挂， <br>轻轻的一声问候，<br>让我们知道彼此的牵挂，<br>愿我挚诚的祝福像盛开的花朵, <br>祝愿：好人一生幸福！安康！</B></FONT></MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
显示:
忙碌的生活并不影响对朋友的牵挂，
轻轻的一声问候，
让我们知道彼此的牵挂，
愿我挚诚的祝福像盛开的花朵,
祝愿：好人一生幸福！安康！
说明:
原始代码：
<TABLE borderColor= #00000 height=393 width=480 border=0>
<TBODY>
<TR>
<TD vAlign=top background=图片地址>
<P>
<MARQUEE style="WIDTH: 271px; HEIGHT: 393px" scrollAmount=1
scrollDelay=77 direction=up width=271 height=393><FONT color=
#ffffff><STRONG><FONT color=#ee82ee size=5>夜,本是寂寞无生的,乍
然的,你闯入了,没有吵扰,只有打动,你,轻轻舒展每一片愁容,轻轻安抚每一
段被惊扰的梦,让每一双渴求的眼睛,显闪着美丽的憧憬!</FONT></STRONG></FONT></MARQUEE></FONT></P>
</TD></TR></TBODY></TABLE>
borderColor=#00000 代表边框颜色，可以在颜色代码大全里面进行颜色修改!
height=393 代表边框的高度，数字393可以修改!
width=480 代表边框的宽度，数字480可以修改!
border=0边框的粗细值，数字0可以修改!
图片地址 为文字的背景图片链接地址您
更换成其他图片的时候可以如下操作在网络上或者你博客图片里面，
用右键单击图片，点击属性，就可以看到地址:URL那个地
址就是
绿色部分 <MARQUEE style="WIDTH: 271px; HEIGHT: 393px"
scrollAmount=1 scrollDelay=77 direction=up width=271 height=393>
<FONT color=#ffffff><STRONG><FONT color=#ee82ee size=5>夜,本是
寂寞无生的,乍然的,你闯入了,没有吵扰,只有打动,你,轻轻舒展每一片愁容
,轻轻安抚每一段被惊扰的梦,让每一双渴求的眼睛,显闪着美丽的憧憬!</FONT></STRONG></FONT></MARQUEE>为图片上滚动文字的代码
而夜,本是寂寞无生的,乍然的,你闯入了,没有吵扰,只有打动,你,轻轻舒展每
一片愁容,轻轻安抚每一段被惊扰的梦,让每一双渴求的眼睛,显闪着美丽的
憧憬! 为滚动的文字.
要注意其中的宽度和高度数值的选择，如果背景是一张单一图片，那么这个结构的高和宽刚好应该和图片的大小刚好吻合.
Face=宋体 ：代表字体，可以有宋体.黑体.楷体.仿宋体等多种选择
color=#ff0000 ：代表字体的颜色
<B>添加文字区</B> ：代表文字加粗
<P align=center>：让文字居中
一般来说就是这样的模
式, 没有太大的变化!
总结:
上面代码做的方法是相当的多, 主要就是看大家会不会知道代码里的含义, 假如你不明白其中的含义, 就必须去努力的吃透它! 代码就是那么会事, 你千万不要看了那么的一大堆就头晕, 那样的话就永远不会进步啦!
