圖片貼在 線框內 文字輸寫圖下方

(背景圖用黑色 圖片下方亦為黑色 於下方寫字 效果不錯)

[語法]:

(字型1. 陰影字體)

<table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /><br /><font style="FILTER: shadow(color=#770000); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...</span /></font></td></tr></tbody></table></td></tr></tbody></table>

珍惜... 看過天災所帶來滴災難 瞬間 天人永隔 生命 是何其滴脆弱 也許 不能永久 只願 惜福 每一天 惜緣 每個人...

(字型2. 外框字體)

<table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /><br /><font style="FILTER: glow(color=#990000); LINE-HEIGHT: 150%; WIDTH: 150%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...</span /></font></td></tr></tbody></table></td></tr></tbody></table>

珍惜... 看過天災所帶來滴災難 瞬間 天人永隔 生命 是何其滴脆弱 也許 不能永久 只願 惜福 每一天 惜緣 每個人...

2.

文字貼在 圖片上  注意定位尺寸

紅色部份 定位語法 寬度尺寸為含線框總寬度

粉紅部份 覆蓋語法 覆蓋欲置底部位置(線框左上為基準)

[語法]:

(字型1. 陰影字體)

<div style="POSITION: relative; WIDTH: 752px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3" align="center"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /></td></tr></tbody></table></td></tr></tbody></table><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 50px; LEFT: 240px" id="item1"><font style="FILTER: shadow(color=#000099); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...<br /></span /></font></div></div>

珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

(字型2. 外框字體)

<div style="POSITION: relative; WIDTH: 752px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3" align="center"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /></td></tr></tbody></table></td></tr></tbody></table><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 50px; LEFT: 240px" id="item1"><font style="FILTER: glow(color=#666600); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...<br /></span /></font></div></div>

珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

3.

文字貼在 圖片上 另一款...

此語法不需底圖顏色 直接以圖片為底圖 亦為較正規滴語法 

(寒峰兄 常用此語法... 煩請 寒峰兄 有空補充之~)