图片上加字的代码和使用方法(静态和动态图片上均可加字)

个人日记

图片上加字的代码和使用方法


——本帖制作:神针七号——

 

          近来,有朋友问有没有简单方法在动态图片上加字,由于我们空间(博客)制作班、3D文字动画班、HTML音画班的学员较多,工作量较大,没有及时回复,请谅解。现将用代码在图片上加字的方法奉献给我的朋友们,供参考。

 

图片左边加字代码

<TABLE style="BACKGROUND-IMAGE: url(图片地址)" height=320 cellPadding=0 width=450 align=center border=0 <TABLE table="0">
<TBODY>
<TR>
<TD>
<DIV align=left><FONT face=楷 color=#c709f7 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=left><FONT face=楷 color=#c709f7 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=left><FONT face=楷 color=#1ae66b size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=left><FONT face=楷 color=#1ae66b size=4 体_GB2312></FONT><BR></DIV>
<DIV align=left><FONT face=楷 color=#ffff00 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=left><FONT face=楷 color=#ffff00 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=left><FONT face=楷 体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

 效果 

 

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

 

图片中间加字代码

<TABLE style="BACKGROUND-IMAGE: url(图片地址)" height=320 cellPadding=0 width=450 align=center border=0 <TABLE table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷 color=#c709f7 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷 color=#c709f7 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=center><FONT face=楷 color=#1ae66b size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷 color=#1ae66b size=4 体_GB2312></FONT><BR></DIV>
<DIV align=center><FONT face=楷 color=#ffff00 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷 color=#ffff00 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=center><FONT face=楷 体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

效果 

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图 片中加入文字?

 

 

图片右边加字代码

<TABLE style="BACKGROUND-IMAGE: url(图片地址)" height=364 cellPadding=0 width=500 align=center border=0 <TABLE table="0">
<TBODY>
<TR>
<TD>
<DIV align=right><FONT face=楷 color=#c709f7 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=right><FONT face=楷 color=#c709f7 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=right><FONT face=楷 color=#1ae66b size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=right><FONT face=楷 color=#1ae66b size=4 体_GB2312></FONT><BR></DIV>
<DIV align=right><FONT face=楷 color=#ffff00 size=4 体_GB2312>如何在图片中加入文字?</FONT></DIV>
<DIV align=right><FONT face=楷 color=#ffff00 size=4 体_GB2312></FONT><BR></DIV>
<DIV align=right><FONT face=楷 体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

 效果 

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

 

 

代码使用方法

 

1、打开日志编辑器,点高级,点HTML,把窗口里面清空;

2、复制代码粘贴进HTML窗口;

3、用选好的图片地址替换代码中图片地址四个字,按图片实际大小修改图片的高度和宽度(代码height=364 为高度,代码width=500 为宽度);

4、填写文字,调整字体;

5、点返回,继续编辑、发表。

 

 

 

文章评论