在 Blogger 文章中,你可以透過 HTML 語法 或 Google 文件、Excel 轉換 HTML 來插入表格。
🔹 方法 1:使用 HTML 手動輸入表格
在 Blogger 文章的 HTML 模式(撰寫時點擊「📝 編輯 HTML」)中,插入以下代碼:
<style>
table {
width: 100%;
border-collapse: collapse;
background-color: white; /* 避免黑色背景影響 */
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
th {
background-color: lightgray;
}
</style>
<table>
<tr>
<th>標題 1</th>
<th>標題 2</th>
<th>標題 3</th>
</tr>
<tr>
<td>內容 1</td>
<td>內容 2</td>
<td>內容 3</td>
</tr>
<tr>
<td>內容 4</td>
<td>內容 5</td>
<td>內容 6</td>
</tr>
</table>
✅ 特色
background-color: white;
避免 深色模式 影響表格顏色border: 1px solid black;
確保表格有邊框padding: 8px;
讓內容不會貼邊,易於閱讀
🔹 方法 2:利用 Google 文件 轉換 HTML
步驟
- 在 Google 文件 中插入表格
- 開啟 Google 文件 > 插入 → 表格 > 選擇適當大小
- 調整樣式
- 若背景為黑色,可將 表格背景設為白色
- 轉換 HTML
- 檔案 → 下載 → HTML(ZIP 壓縮檔)
- 解壓縮 ZIP,在
index.html
找到<table>
標籤 - 複製該 HTML 代碼,貼入 Blogger 文章 HTML 模式
🔹 方法 3:使用 Excel 轉換 HTML
步驟
- 在 Excel 中建立表格
- 調整格式
- 若 Blogger 有黑色背景,可手動設定 儲存格背景為白色
- 匯出為 HTML
- 檔案 → 另存新檔 → 網頁(.htm, .html)
- 用記事本開啟
.html
檔,複製<table>
部分,貼入 Blogger HTML 模式
✅ 結論
如果 Blogger 背景是 黑色模式,建議:
- 使用
<style>
設定表格背景為白色 - Google 文件 / Excel 轉換 HTML,可簡化操作
- 避免 Blogger 內建編輯器調整顏色,可能會被深色模式覆蓋
這樣,你的表格不論在 黑白模式 都能正確顯示!😃
沒有留言:
張貼留言