制作表格

我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以查看html源代码就能发现,table标签对搜索引擎不是很友好,table太多话可能无法被SE收录,有没办法用其他方法来实现绘制表格呢?比如用

标签
标签是定义列表(definition list),结合
(定义列表中的项目)和
(描述列表中的项目),并将它们设置为同行显示就能实现表格的效果

定义一下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代码如下:

                                                                                                                                                                                                                                                                                       

用<dl>制作表格_第1张图片

你可能感兴趣的:(用
制作表格)