作者:心梦无痕

手机扫码查看
讯沃blog网交流群

如何在 WordPress 中插入表格

当前位置:讯沃blog > 建站基础 > 正文

首先要在 WordPress 中插入表格,我们只需要给表格定义一个 CSS 样式就行。参考代码如下:

/*———-table———-*/
table.table {
border-spacing:2px;
border-collapse:separate;
background-color:#FFF;
border-color:gray;
border-style:outset;
border-width:1px;
}
table.table th {
background-color:#FFF;
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}
table.table td {
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}

在 WordPress 后台编辑器中插入表格时,只需用 Dreamweaver 之类的编辑器事先划好表格,再将代码粘贴至 HTML 格式下,并引用class=”table”,例如:

代码:

<table class=”table” border=”1″ width=”200″ align=”center”>
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
</tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
</tr>
</tbody>
</table>

效果:

第1行第1列 第1行第2列
第2行第1列 第2行第2列
未经允许不得转载
本文地址:https://www.77nn.net/190.html
版权声明:本文为原创文章,版权归 心梦无痕 所有,欢迎分享本文,转载请保留出处!
分享到:
赞(0) 打赏

评论 抢沙发

表情 3 + 9 =


觉得文章有用就打赏一下文章作者

支付宝、微信、QQ扫一扫打赏

weisimple主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册