- Mar 20 Wed 2013 01:19
線上供佛
- Mar 19 Tue 2013 01:19
心境2
- Mar 19 Tue 2013 01:14
心境1
- Mar 18 Mon 2013 23:39
部落格文章中加入背景圖
在部落格文章中加入背景圖
效果:
因使用了 <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>
很容易吧!!試試看
- Mar 18 Mon 2013 23:00
gif貼圖
http://f.share.photo.xuite.net/a1225040/1f6a57c/3666347/139135697_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a57f/3666347/139138004_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a5af/3666347/139131908_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a53b/3666347/139139216_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a5ad/3666347/139135490_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a53a/3666347/139131279_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a5a9/3666347/139133438_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a56e/3666347/139136451_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a553/3666347/139138472_l.jpg
http://f.share.photo.xuite.net/a1225040/1f6a556/3666347/139138987_l.jpg
- Mar 17 Sun 2013 07:39
再見了我的愛
- Mar 16 Sat 2013 07:33
櫻圖框
|
|
|
|
- Mar 16 Sat 2013 07:28
去背網站
|
- Mar 15 Fri 2013 11:01
情是人生滋味,淡亦人生色彩
|
- Mar 15 Fri 2013 08:38
滑鼠清掃楓葉
用滑鼠清掃楓葉【有趣的圖片】