帖子里添加table

帖子里添加table

Blogger提供的工具里并没有添加table功能，那要如何在帖子里自行添加table呢？

第一款 没有边框的table

首先在撰写帖子里选择HTML检视，如下图👇

<table> <tbody><tr> <th style="background-color: #cce6ff; text-align: center; width: 300px;">Title 1</th> <th style="background-color: #cce6ff; text-align: center; width: 200px;">Title 2</th> </tr> <tr> <td style="background-color: #ffffff; text-align: center;">Text 1</td> <td style="background-color: #ffffff; text-align: center;">Text 2</td> </tr> <tr> <td style="background-color: #ffffff; text-align: center;">Text 3</td> <td style="background-color: #ffffff; text-align: center;">Text 4</td> </tr> </tbody></table>

之后把以上代码放入下图所示的位置就行了：

提示（可随意调整以下代码）：

background-color = 格子的背景色 （自行更换喜欢的颜色代码）

也可以直接输入英文来代替（记得把#删除了再输入），如：

红色 = red

粉色 = pink

黑色 = black

蓝色 = blue

青色 = green

透明色 = transparent 

text-align = 文字对齐

    left = 左；right = 右；中 = center 

width = 格子的宽度 

*如果觉得格子的数量不够可以自行添加，代码都是一样的

第二款 有外框的table

步骤和以上一样，只是把代码换成如下所示的👇

<table border="1" style="border-color: rgb(0, 0, 0); border-style: solid;"> <tbody> <tr> <th style="background-color: #cce6ff; text-align: center; width: 200px;">Column 1</th> <th style="background-color: #cce6ff; text-align: center; width: 200px;">Column 2</th> </tr> <tr> <td style="background-color: #ffffff; text-align: center;">Column 1</td> <td style="background-color: #ffffff; text-align: center;">Column 2</td> </tr> <tr> <td style="background-color: #ffffff; text-align: center;">Column 1</td> <td style="background-color: #ffffff; text-align: center;">Column 2</td> </tr> </tbody> </table>

提示（可随意调整以下代码）：

table border = 外框的厚度 （数量越大边框越厚） 

border-color = 外框的颜色 （使用的是rgb，点击这里直接获取）

border-style = 外框类型 

            SOLID  

            DASHED

            DOTTED

            DOUBLE

            GROOVE

            RIDGE

            INSET

            OUTSET

             HIDDEN