2012年9月22日 星期六

[教學] 在Blogger中插入表格

這邊範例使用 2x3格式的表格為範本

Code:
<div align="left">  
<table style="width: 300px; height: 80px;" bgcolor="#000000" border="0"  
cellpadding="0" cellspacing="1"> <!-- 固定總欄寬、欄高、背景顏色、框線粗細-->  
<tbody>  
<tr bgcolor="#ffffff" height="40"> <!-- 固定欄高、背景顏色-->  
<td width="100px"><div align="center">AAA</div></td>
<td width="100px"><div align="center">BBB</div></td>
<td width="100px"><div align="center">CCC</div></td>
</tr>  
<tr bgcolor="#ffffff" height="40">  
<td width="100px"><div align="center">DDD</div></td>
<td width="100px"><div align="center">EEE</div></td>
<td width="100px"><div align="center">FFF</div></td>
</tr></tbody></table></div>  

複製上面的代碼之後 貼到Blogger文章編輯中的HTML編輯區後
就能直接得到下面這個表格
AAA
BBB
CCC
DDD
EEE
FFF

值得注意的是在html中 表格是隨著字體大小改變的
但是我在語法中已經將欄高固定在40px,欄寬則固定在100px
詳細內容已經有註解在語法後面了。

3 則留言:

  1. 你好,
    謝謝您提供語法! 請問該如何做出更多欄位的表格呢?

    回覆刪除
  2. 你好,
    謝謝您提供語法! 請問該如何做出更多欄位的表格呢?

    回覆刪除

Related Posts Plugin for WordPress, Blogger...