美文网首页
制作表格

制作表格

作者: 小山丘1994 | 来源:发表于2017-06-14 17:00 被阅读0次

我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以查看html源代码就能发现,table标签对搜索引擎不是很友好,table太多话可能无法被SE收录,有没办法用其他方法来实现绘制表格呢?比如用<dl>标签<dl>标签是定义列表(definition list),结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目),并将它们设置为同行显示就能实现表格的效果

定义一下css样式,float:left; 为同行显示,如果文字太多,可以设置dd的高度height,避免表格边框参差不齐!

样式如下:

dl{

width: 100px;

float: left;

border: 1px solid red;

}

dt{

height: 30px;

font-weight: bold;

color: blue;

text-align: center;

}

dd{

margin:auto;

border-top:1px solid red;

text-align: center;

}

html代码如下:

                                                                                                                                                                                                                                                                                       

相关文章

  • 制作表格

    我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以...

  • dl>dt、dd表格标签

    dl>dt、dd为一组组合标签,也称为表格标签。 一、基本用法 1、dl → display:block; ...

  • Excel VBA提取目录

    用Excel VBA制作表格目录 说明:当Excel工作簿有很多表格时,或者为了操作管理的便捷,我们需要提取表格的...

  • HTML--表格列表

    表格标签 过去表格标签使用非常多,多大渡搜狐网站都hi用表格标签制作的,是一个时代的代表 作用:给一堆数据添加表格...

  • 进销存分析不会做?这样的分析模板拿走不谢

    相信很多报表人都是用EXCEL制作进销存报表的,比如采购进货表格、日销售表格、库存表格等,各种进销存报表重复做,繁...

  • 04HTML基础-表格标签

    表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的...

  • 04HTML基础--表格标签

    表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的...

  • 04HTML基础表格标签

    表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的...

  • 表格标签

    表格标签作用:在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时...

  • 04HTML基础--表格标签

    表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的...

网友评论

      本文标题:

      制作表格

      本文链接:https://www.haomeiwen.com/subject/taqeqxtx.html