在图片上写字的代码
以这张图.片作为背景,在图.片上写字,主要是在<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:表示文字居右。