|
在特殊圖框內加入文字(二度空間)語法輔助應用
前一篇的語法應用，只適合大框文字內容
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=18615
這篇介紹特別的大小框通用文字內容位置調整應用
《緣》
若是有緣，時間空間都不是距離，若是無緣，終日相聚也無法會意。凡事不必太在意，更不需去強求， 就讓一切隨緣吧！ | 為了方便文字位置調整，將語法改成如下(圖片置中不動)：
<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> |
更多圖框
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=18615
圖框嵌入文字調整技巧
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=18752
| 
