以文本方式查看主题

-  军人联盟论坛  (http://web.jrlm81.com/bbs/index.asp)
--  军盟教学  (http://web.jrlm81.com/bbs/list.asp?boardid=67)
----  用HTML代码在图片上写字  (http://web.jrlm81.com/bbs/dispbbs.asp?boardid=67&id=41504)

--  作者:加里森中尉
--  发布时间:2009/10/6 15:20:35
--  用HTML代码在图片上写字

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

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

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

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

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

我们用这张图片作为背景:

图片点击可在新窗口打开查看

 

--  作者:加里森中尉
--  发布时间:2009/10/6 15:21:39
--  
加里森中尉


--  作者:加里森中尉
--  发布时间:2009/10/6 15:33:33
--  

文字居中

 

<table height="312" cellspacing="0" cellpadding="0" width="410" align="center" background="http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif" border="0">
<tbody>
<tr>
<td align="middle" spacer="spacer" type="vertical"><font face="华文行楷" color="red" size="7"><b>加里森中尉</b></font></td></tr></tbody></table><br/>

 

 

文字在图片中的位置。由<td>中的align=center决定。center:表示居中。

[此贴子已经被作者于2009-10-6 15:54:08编辑过]

--  作者:加里森中尉
--  发布时间:2009/10/6 15:39:34
--  
军人联盟

--  作者:加里森中尉
--  发布时间:2009/10/6 15:42:37
--  

两组文字。(横排)

 

 

<table height="312" cellspacing="6" cellpadding="0" width="410" align="center" background="http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif" border="0">
<tbody>
<tr>
<td valign="top" align="middle" spacer="spacer" type="vertical"><font face="华文彩云" color="red" size="5"><b>军人联盟</b></font></td></tr>
<tr>
<td valign="bottom" align="right" spacer="spacer" type="vertical"><font face="华文行楷" size="5"><b><font color="#ff00ff">加</font><font color="#ff0000">里</font><font color="#00ee00">森</font><font color="#ff00ff">中</font><font color="#ffb6c1">尉</font></b></font></td></tr></tbody></table>

 

 

 

 

[此贴子已经被作者于2009-10-6 15:56:35编辑过]

--  作者:加里森中尉
--  发布时间:2009/10/6 15:48:04
--  
加里森中尉

--  作者:加里森中尉
--  发布时间:2009/10/6 15:49:43
--  

文字居顶(左)

 

<table height="312" cellspacing="0" cellpadding="0" width="410" align="center" background="http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif" border="0">
<tbody>
<tr>
<td valign="top" align="left" spacer="spacer" type="vertical"><font face="华文行楷" color="red" size="7"><b>加里森中尉</b></font></td></tr></tbody></table>

 

 

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


--  作者:加里森中尉
--  发布时间:2009/10/6 15:51:21
--  
加里森中尉

--  作者:加里森中尉
--  发布时间:2009/10/6 15:52:58
--  

文字居底部(右)

 

<table height="312" cellspacing="0" cellpadding="0" width="410" align="center" background="http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif" border="0">
<tbody>
<tr>
<td valign="bottom" align="right" spacer="spacer" type="vertical"><font face="华文行楷" color="red" size="7"><b>加里森中尉</b></font></td></tr></tbody></table>

 

bottom:表示文字居底部。right:表示文字居右。


 


--  作者:加里森中尉
--  发布时间:2009/10/6 16:02:12
--  
军人联盟