在Blog中加入表格

在blog中如果將表格從別的軟體貼過來
常常格式會亂掉
如果變成圖片再貼過來又覺得解析度不太好
這時候就直接用html來製作表格吧

在設定css的地方，以Blogger為例
自訂->版面配置->修改HTML 找到

body {
...
}

然後加入

table {
border-collapse: separate;
border: 1px solid #999999;
width: 100%;
margin: 10px 0px 10px 0px;
}

th {
border: 1px solid #999999;
background-color: #eeeeee;
text-align: center;
}

td {
border: 1px solid #999999;
}

然後新增文章裡面直接修改html，加入

<table><th>標題1</th><th>標題2</th></tr><tr><td>內容1-1</td><td>內容2-1</td></tr><tr><td>內容1-2</td><td>內容2-2</td></tr></table>
就會變成

標題1	標題2
內容1-1	內容2-1
內容1-2	內容2-2

注意，這裡不能換行，因為blogger會自動將換行符號
轉換成<br>，讓表格上方多出一堆空白

語法遵照CSS的標準

標籤	參數	說明
table	border-collapse	內框線與外框線分離
	border	框線的型態，設成細灰線
	width	寬度，設成填滿所在框架的寬度
	margin	外邊界，分別是上左下右邊界的寬度
th	border	框線的型態，設成細灰線
	background-color	填滿色彩，設成淺灰色
	text-align	文字對齊方式，置中
td	border	框線的型態，設成細灰線