在部落格文章中加入背景圖

代碼:
<TABLE height="100%" width="100%" background="背景圖的路徑" border=0> <TBODY> <TR vAlign=top align=left> <TD><font color=#ffff00>文字</TD></TR></TBODY></TABLE>

效果:

因使用了 <TR vAlign=top align=left>, 所以文字排位會在左上方, 當然你可按照你的需要, 修改文字的排位, 情況如下:

TABLE 就是 <Table> 的標籤。
height="100%" width="100%" 是指 Table 的大小, 100% 代表高度及闊度為無限大。
background="背景圖的路徑"  就是指背景圖的路徑。
border="0" 是指 Table 的的外框邊線粗幼, "0"是代表不顯示框邊, 數值越大, 代表邊線越粗, 當然, 你也可更改邊線的類形

<TBODY> 就是 Table 內容開端的標籤。
<TR vAlign=top align=left> 是指在 Table 的表格中, 文字內容的排位, vAlign=top 為文字靠上排; 而 align=left 為文字靠左排, 請根據你的需要修改文字的排位。

就是這樣簡單的加入背景圖, 就可以用來美化你的部落格, 造出不同氣氛和風格。

圖片長度及闊度的修改, 其代碼如下。

代碼:
<TABLE height="450" width="600" background="背景圖的路徑" border=0> <TBODY> <TR vAlign=top align=left> <TD>文字內容</TD></TR></TBODY></TABLE>

如果只是單純不想背景圖重複出現, 也可利用 background-repeat: no-repeat 這語法, 例如:

代碼:
<TABLE style="background-repeat: no-repeat" borderColor=#000000 border=1 background=背景圖的路徑 width="100%" height="100%">
<TBODY>
<TR vAlign=top align=left>
<TD><P><font color="#FFFFFF">文字內容</font></P></TD></TR></TBODY></TABLE>

很容易吧!!試試看囉.....