美化博客实用技巧⑻如何在图片上添加文字

kairry 2011-06-04

展开全文

美化博客实用技巧⑻如何在图片上添加文字

作者：英雄 2008年11月8日

有不少朋友向英雄询问在图片上添加文字的方法，英雄现简要介绍如下：

一、添加静态文字的方法：

关于在图片上用代码添加文字的方法，互联网上有不少介绍，其方法也有很多种，但大多比较复杂，初学者看不懂，不易掌握。英雄介绍的这种方法非常简单，一看就懂，一学就会。英雄要特别说明的是，这种用代码在图片上添加文字的方法，与用制图软件直接在图片上打文字的方法是不同的。用制图软件打上的文字，是与图片的图层合并在一起的，随图片一起流通。而用代码在图片上添加的文字，是与图片分割的两个整体，当你保存在硬盘里时，只能保存图片，而不能与文字一起保存。其优点是可随时更换文字

1、添加静态文字的完整代码：

<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">
枫叶情
制作：英雄 2008年11月8日 
爱上美丽的秋天
我更爱枫叶一片片
你那红红的笑
又比枫叶还更娇
叫我对你又爱又恋
......................

2、有关代码说明：

<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">这是使文字增加羽化的特效代码，可用可不用，随个人的喜好。

效果如下：

枫叶情

制作：英雄 2008年11月8日

爱上美丽的秋天

我更爱枫叶一片片

你那红红的笑

又比枫叶还更娇

叫我对你又爱又恋

二、添加移动文字的方法：

要想使文字移动很简单，你只要在边框代码的下面，文字代码的上面，加上<MARQUEE scrollAmount=2 direction=up width=460 height=200> 这个移动代码就可以了。其它的代码都不变。

添加移动文字的完整代码：

<TABLE height=360 cellSpacing=6 borderColorDark=#08094a cellPadding=0 width="80％" align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">
<MARQUEE scrollAmount=2 direction=up width=460 height=200>
枫叶情
制作：英雄 2008年11月8日 
爱上美丽的秋天
我更爱枫叶一片片
你那红红的笑
又比枫叶还更娇
叫我对你又爱又恋
......................</MARQUEE></DIV></TD></TR></TBODY></TABLE>