分享

用表格加定位代码的方法,实现在图片上不同位置加短语文字的编排技巧。

 唯丽嗜图 2012-01-17

用表格加定位代码的方法,实现在图片上不同位置加短语文字的编排技巧。

一、文字居中

文字居中

文字居中 代码如下:

<TABLE height=390 cellSpacing=0 cellPadding=0 width=585 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_1.jpg border=1>
<TBODY>
<TR>
<TD align=middle type="vertical"><FONT face=华文行楷 color=#ff33ff size=7><B>文字居中</B></FONT></TD></TR></TBODY></TABLE>

二、文字居左上角

文字居左上角

文字居左上角 代码如下:

<TABLE height=390 cellSpacing=0 cellPadding=0 width=585 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_1.jpg border=1>
<TBODY>
<TR>
<TD vAlign=top  align=left  type="vertical"><FONT face=华文行楷 color=#ff33ff size=7><B>文字居左上角</B></FONT></TD></TR></TBODY></TABLE>

注:将代码中的红字top改为bottom即为文字居左下角。

三、文字居右上角

文字居右上角

文字居右上角 代码如下:

<TABLE height=390 cellSpacing=0 cellPadding=0 width=585 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_1.jpg border=1>
<TBODY>
<TR>
<TD vAlign=top  align=right   type="vertical"><FONT face=华文行楷 color=#ff33ff size=7><B>文字居右上角</B></FONT></TD></TR></TBODY></TABLE>

注:将代码中的红字top改为bottom即为文字居右下角。

文字竖排居中






文字竖排居中 代码如下:

<TABLE height=750 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_2.jpg border=1>
<TBODY>
<TR>
<TD align=middle><FONT face=华文行楷 color=#ff33ff size=7><B>文<BR>字<BR>竖<BR>排<BR>居<BR>中</B></FONT></TD></TR></TBODY></TABLE>

文字竖排居左上角








文字竖排居左上角 代码如下:

<TABLE height=750 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_2.jpg border=1>
<TBODY>
<TR>
<TD vAlign=top align=left><FONT face=华文行楷 color=#ff33ff size=6><B>文<BR>字<BR>竖<BR>排<BR>居<BR>左<BR>上<BR>角</B></FONT>
</TD></TR></TBODY></TABLE>

注:将代码中的红字left改为right即为文字居右上角。

文字竖排居左下角








文字竖排居左下角 代码如下:

<TABLE height=750 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image48.360doc.com/DownloadImg/2012/01/1723/20817724_2.jpg border=1>
<TBODY>
<TR>
<TD vAlign=bottom align=left><FONT face=华文行楷 color=#ff33ff size=6><B>文<BR>字<BR>竖<BR>排<BR>居<BR>左<BR>下<BR>角</B></FONT>
</TD></TR></TBODY></TABLE>

注:将代码中的红字left改为right即为文字居右下角。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约