非插件在WordPress中插入表格

云柯 80 3

第一步:把表框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文档,把你需要的表格编辑好,

非插件在WordPress中插入表格

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

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

非插件在WordPress中插入表格

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

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

非插件在WordPress中插入表格

最终效果

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

非插件在WordPress中插入表格

打赏
发表评论
表情 图片 链接 代码

  1. boke112导航

    这个方法不错,不过感觉个人博客用到表格的机会比较少

  2. 杨景文
    杨景文 Lv 1

    直接在 文本 里面敲代码
    <table style="fontsize:16; color:red">
    <tr>小屁孩儿</tr>
    <td>小破孩儿</td>
    </table>
    好简单的[aru_3]

    • 云柯
      云柯 博主

      @杨景文技术党呀,这个要熟悉。现在都是用的插件。wordpress自带的插入表格手机不能自适应

分享
微信
微博
QQ