不用插件css+html代码实现在WordPress中加入表格的效果

结贝号博客（www.jiebeih.top）见过几个建站博客都用表格方式放文字广告，自己也试过多种方法在WordPress文章里面加入表格，有代码也有插件的方式，各有利弊。wordpress作为博客系统来说，加入表格还是比较少用的。但也有朋友会有这个需求，今天看到苏醒博客的一个css+html代码实现在WordPress中加入表格的效果还不错，转载过来，有时间了可以再把博客折腾一下。

第一步：把表框css加入到你的主题的style.css中。

.table{width:100%;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;margin-bottom:20px}
.table th{text-align:center;background-color:#f6f5f2;font-weight:normal}
.table td,.table th{text-align:center;padding:10px 15px;font-size:14px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}

第二步，你可以使用word文档，把你需要的表格编辑好，

第三步：直接复制粘贴到你的文章里面去。

注意要在可视化模式下添加

第四步：给表格添加css样式标签

切换到文本模式，给table添加一个样式class="table"

最终效果

当然，你也可以根据自己的需要，对css进行一定的美化，让表格的样式更丰富，更美观。

这个表格有什么用呢？嘿嘿，其实作为一个it博客，我们可以放光告的撒~~~~