close

 


代碼:
<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>


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


 


 


 


 


 


arrow
arrow
    全站熱搜

    min 發表在 痞客邦 留言(0) 人氣()