在特殊圖框內加入文字 - 龍蓮的部落格

字體：小中大

在特殊圖框內加入文字

2008/05/31 21:11:18瀏覽20｜回應0｜推薦0

特別的大小框通用文字內容位置調整應用

《緣》
若是有緣，時間空間都不是距離，若是無緣，終日相聚也無法會意。凡事不必太在意，更不需去強求，就讓一切隨緣吧！

為了方便文字位置調整，將語法改成如下(圖片置中不動)：

<table align=center style="WIDTH: 333px; HEIGHT: 400px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse;" cellSpacing=0 cellPadding=0 background=http://korhyn3.k.o.pic.centerblog.net/dwp6zddh.gif border=0><tbody><tr><td>
<div align=LEFT>
<div style="PADDING-LEFT: 150px; PADDING-TOP: 70px; HEIGHT: 400px;">
<div style="WIDTH: 110px; HEIGHT: 134px; FILTER: alpha(opacity=50); BACKGROUND:#F5F5F5;">
<center><font color=#ff0000 size=3 face="新細明體">《緣》</font><br>
<font color=#ff0000 size=2 face="新細明體">若是有緣，時間空間都不是距離，若是無緣，終日相聚也無法會意。凡事不必太在意，更不需去強求，就讓一切隨緣吧！</font></center>
</div></div></div></td></tr></tbody></table>

主要語法調整解說：

<table align=center style="WIDTH: 333px; HEIGHT: 400px;/*圖片外框寬高(一般與圖片尺寸相同)*/ BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse;" cellSpacing=0 cellPadding=0 background=http://korhyn3.k.o.pic.centerblog.net/dwp6zddh.gif/*背景圖框網址*/ border=0>
<tbody>
<tr>
<td>
<div align=LEFT>
<div style="PADDING-LEFT: 150px;/*調整文字內容靠左側的位置*/ PADDING-TOP: 70px;/*調整文字內容靠上端的位置*/ HEIGHT: 400px;/*此高度值與圖片同高*/">
<div style="WIDTH: 110px; HEIGHT: 134px;/*調整文字內容的顯示寬高*/ FILTER: alpha(opacity=50);/*調整文字及文字背景色的透明度*/ BACKGROUND:#F5F5F5;/*文字內容背景色(不使用則不加入*/">
<center><font color=#ff0000 size=3 face="新細明體">/*《緣》</font><br><font color=#ff0000 size=2 face="新細明體"/*文字顏色-大小-字型*/>若是有緣，時間空間都不是距離，若是無緣，終日相聚也無法會意。凡事不必太在意，更不需去強求，就讓一切隨緣吧！</font></center>
</div></div></div></td></tr></tbody></table>

( 知識學習｜檔案分享 )