字号:    

在图片上写字的代码

在图片上写字的代码
 

以这张图.片作为背景,在图.片上写字,主要是在<td>里用到了(Spacer)空白。

<spacer type="horizontal" align=#> 水平空白

align=center(居中),left(居左),right(居右)。

<spacer type="vertical" valign=#> 竖直空白

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

效果一:文字居中

欢迎光临

<TABLE height=400 cellSpacing=0 cellPadding=0 width=450 align=center background=图.片地址 border=0> <TBODY> <TR> <TD align=center type="vertical" spacer><FONT face=华文行楷 color=red size=7><B>欢迎光临</B></FONT></TD></TR></TBODY></TABLE>

 

效果二:文字居顶(左)

欢迎光临

top:表示文字居顶端。left:表示文字居左。

<TABLE height=400 cellSpacing=0 cellPadding=0 width=450 align=center background=图.片地址 border=0>
dL8_D*r/H"|2c0<TBODY>
$]o/wD L:F$[1k0<TR>
3? P2kj;j0<TD vAlign=top align=left spacer type="vertical"><FONT face=华文行楷 color=red size=7><B>欢迎光临</B></FONT></TD></TR></TBODY></TABLE>

效果三:文字居底部(右)
欢迎光临

<TABLE height=400 cellSpacing=0 cellPadding=0 width=450 align=center background=图.片地址 border=0> <TBODY> <TR> <TD valign=bottom align=right type="vertical" spacer><FONT face=华文行楷 color=red size=7><B>欢迎光临</B></FONT></TD></TR></TBODY></TABLE>

bottom:表示文字居底部。right:表示文字居右。效果四:文字居顶部(右)

欢迎光临

<TABLE height=400 cellSpacing=0 cellPadding=0 width=450 align=center background=图.片地址 border=0>
/u&w-[GB(g8P.j0<TBODY>
*AlR1f*K$s;Sv0<TR>
3A9Z"`Y7JH0<TD vAlign=top align=right spacer type="vertical"><FONT face=华文行楷 color=red size=7><B>欢迎光临</B></FONT></TD></TR></TBODY></TABLE>

top:表示文字居顶端。right:表示文字居右。




本文出自:  
分类:默认分类
?次阅读
 2007-11-21 18:41