苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 友情链接
首页 WordPress 教程 在WordPress中插入表格

在WordPress中插入表格

suxing 2014-10-02 16:21:49

前一段时间,有朋友和我说使用vfilm主题后,在WordPress文章里面插入表格无法显示表框,这确实是苏醒的疏忽。把这东西忘掉了。毕竟如果作为博客来说,插入表格还是比较少用的。所以也就没添加进去。

今天,给大家说下,如果你现在使用的主题里面也出现同样的情况,插入表格时,无法显示表框。那么可以按照以下方式为你的主题进行添加。

[quote]第一步:把表框css插入到你的主题的style.css中。[/quote]

.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}

[quote]第二步,你可以使用word文档,把你需要的表格编辑好,[/quote]

在WordPress中插入表格-苏醒

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

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

在WordPress中插入表格-苏醒

[quote]第四步:给表格添加css样式标签[/quote]

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

在WordPress中插入表格-苏醒

[quote]最终效果[/quote]

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

在WordPress中插入表格-苏醒

# 在WordPress中插入表格# 文章插入表格
0

评论 (5)

返回
  • 王让华

    没有线啊 ❗

    7年前 江苏省 回复
  • 梅西中文网站

    😯 其实这问题我早就发现了,以前都没用过表格以为wordpress就是这个样子,然后用图片代替的..刚还装了插件呢.好了这下不用烦咯.

    8年前 上海市 回复
  • 屌丝日记

    这样子 插入表格有效吗

    8年前 广东省 回复
    • 苏醒

      @屌丝日记 我不是已经演示出来了吗?

      8年前 广东省 回复
  • 豆采博客

    方法很简便,不错 💡

    8年前 天津市 回复

猜你喜欢

  • 阿里云虚拟机如何设置wordpress伪静态规则
  • 阿里云 CDN 跨域问题: No 'Access-Control-Allow-Origin' header is present on the requested resource
  • WordPress 小Tips:如何不显示站点顶部工具栏
  • PHP 错误 Parse error: syntax error, unexpected '?' 解决办法
  • WordPress 建立数据库连接时出错
suxing
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
197
文章
289
评论
306
获赞
suxing

我用的 WordPress 主题

2021 年单栏 WordPress 主题

  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
Copyright © 2012-2023 苏醒. Designed by nicetheme.
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言
  • 是日一记