在图片上写字、插入图片的代码

一般用在发表文章的时候,在左下角的"显示源代码"前打勾,进入到源代码编辑状态,然后粘贴以下代码,再把显示源代码前的勾去掉,以图片为背景，在图片上既可以打上你要输入的文字,当然也可以插入一些动画图片，见下图，图中右上角就是插入的gif动画图片。

代码如下:

<DIValign=center>

<TBODY>

<TR>

<TDvAlign=top align=left>

<P><FONTstyle="FONT-FAMILY: 黑体; FONT-SIZE: 24px" color=#ed1c24size=7>输入你的文字</FONT></P></TD></TR></TBODY></TABLE></DIV>

---------------------------------------------------------

输入你的文字

height是图片的高度,width是宽度（在你挑选的背景图上右键属性查看高宽数值）,可以根绝需要的图片自己设置。background=图片的原地址，替换其它的即可，记得图片一定是新浪博客的图片且是原地址，可以先上传到博客相册在使用（上传后在图片上右键-属性-查看地址--替换至代码中）。例如：

http://image68.360doc.com/DownloadImg/2014/02/0323/38743777_2

http://image68.360doc.com/DownloadImg/2014/02/0323/38743777_3

以图片作为背景。在图片上写字的位置，主要在<td>里控制。

水平方向控制： align=

align=center（居中）,left（居左）,right（居右）。

竖直方向控制： valign=

valign=top(顶端）,bottom（底部）,middle（居中）。

我们用上面的图片http://image68.360doc.com/DownloadImg/2014/02/0323/38743777_3作为背景:

效果一：文字居中

<TBODY>

<TR>

<TDalign=middle><FONT face=华文行楷color=redsize=5><B>云中漫步</B></FONT></TD></TR></TBODY></TABLE><BR></P>

云中漫步

文字居底部（左）

云中漫步

文字居顶（左）

云中漫步top：表示文字居顶端。left：表示文字居左。

云中漫步

文字竖排（居中）：在每个文字之间加<br>。

云

中

漫

步

文字竖排居顶端（右）

云中漫步

文字竖排居底部（左）

云中漫步

文字竖排居底部（右）

两组文字。（横排）

<TABLE height=312 cellSpacing=6cellPadding=0 width=410 align=center background=http://image68.360doc.com/DownloadImg/2014/02/0323/38743777_3 border=0><TBODY><TR> <TD vAlign=topalign=middle type="vertical"spacer><FONT face=华文彩云 color=redsize=5><B>云中漫步</B></FONT></TD></TR><TR> <TD vAlign=bottomalign=right type="vertical"spacer><FONT face=华文行楷size=5><B><FONTcolor=#ff00ff>云</FONT><FONTcolor=#ff0000>中</FONT><FONTcolor=#ff0000>漫</FONT><FONTcolor=#ff00ff>步</FONT></B></FONT></TD></TR></TBODY></TABLE

两组文字一横一竖

两组文字，竖排

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。