让代码更简单

wordpress在文章中插入表格

重要:本文最后更新于2018-11-18 20:15:42,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

这篇文章为wordpress教程,仅适用于wordpress系统。

wordpress提供的编辑器支持编辑HTML,这就满足了我们不同的显示效果。例如下面显示的表格,这个不是图片哟。

序号 姓名 性别 年龄
1 张三 20
2 李四 30
3 李莉 18

实现方法如下:

  1. 在wordpress后台文章编辑页面中点击编辑器的文本选项。
  2. 插入表格代码
    复制
    <table class="dataintable" style="height: 100px;" width="100">//适当调节height和width属性即可调节表格宽度和高度
    <tbody>
    <tr>
    <th width="25%">序号</th>
    <th width="25%">姓名</th>
    <th width="25%">性别</th>
    <th width="25%">年龄</th>
    </tr>
    <tr>
    <td>1</td>
    <td>张三</td>
    <td>男</td>
    <td>20</td>
    </tr>
    <tr>
    <td>2</td>
    <td>李四</td>
    <td>男</td>
    <td>30</td>
    </tr>
    <tr>
    <td>3</td>
    <td>李莉</td>
    <td>女</td>
    <td>18</td>
    </tr>
    </tbody>
    </table>
  3. 插入代码后,切换回可视化编辑器查看效果。

感觉很棒!可以赞赏支持我哟~

0 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐