普通table表格样式及代码大全

更新时间：2023-08-29 15:12:01 阅读量：教育文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

Table表格推荐度：
相关推荐

普通table表格样式及代码大全

<DIV align=center>单实线边框表格</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>虚线边框表格</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>点线边框表格</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>双实线边框表格</DIV></TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

<DIV align=center>槽线边框表格</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>脊线边框表格</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>内凹效果边框</DIV></TD></TR></TBODY></TABLE>

<DIV align=center>外凸效果边框</DIV></TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

<TD style="BORDER-RIGHT: #4a4a84 2px dashed; BORDER-TOP: #4a4a84 2px dashed; BACKGROUND: #ffffff; BORDER-LEFT: #4a4a84 2px dashed; BORDER-BOTTOM: #4a4a84 2px dashed"> <DIV align=center>内虚外实边框</DIV></TD></TR></TBODY></TABLE>

<TD style="BORDER-RIGHT: #4a4a84 2px solid; BORDER-TOP: #4a4a84 2px solid; BACKGROUND: #ffffff; BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid"> <DIV align=center>外虚内实边框</DIV></TD></TR></TBODY></TABLE>

无边框表格

<DIV align=center>无边框表格</DIV></TD></TR></TBODY></TABLE>

<TD style="BORDER-BOTTOM: medium none" height=40>隐藏下边框</TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

<TD style="BORDER-TOP: medium none" height=40>隐藏上边框</TD></TR></TBODY></TABLE>

<TD style="BORDER-LEFT: medium none" height=40>隐藏左边框 </TD></TR></TBODY></TABLE>

<TD style="BORDER-RIGHT: medium none" height=40>隐藏右边框 </TD></TR></TBODY></TABLE>

<TD style="BORDER-RIGHT: medium none; BORDER-LEFT: medium none" height=40>隐藏左右边框 </TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

<TD style="BORDER-TOP: medium none; BORDER-BOTTOM: medium none" height=40>隐藏上下边框</TD></TR></TBODY></TABLE>

<TD height=40>只显示上边框</TD></TR></TBODY></TABLE>

<TD height=40>只显示下边框</TD></TR></TBODY></TABLE>

<TD height=40>只显示左边框</TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

<TD height=40>只显示右边框</TD></TR></TBODY></TABLE>

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#fffbec

border=1 frame=void> <TBODY>

<TD height=40>不显示任何边框</TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

普通table表格样式及代码大全

合并列的表格合并列的表格合并列的表格合并列的表格合并列的表格合并列的表格合并列的表格

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD colSpan=3> <DIV align=center>合并列的表格</DIV></TD> <TR> <TD width=100> <DIV align=center>合并列的表格</DIV></TD> <TD width=100> <DIV align=center>合并

列的表格</DIV></TD> <TD width=100> <DIV align=center>合并列的表格</DIV></TD> <TR> <TD> <DIV align=center>合并列的表格</DIV></TD> <TD> <DIV align=center>合并列的表格</DIV></TD> <TD> <DIV align=center>合并列的表格</DIV></TD></TR></TR></TR></TBODY></TABLE>

合并行的表格合并行的表格合并行的表格合并行的表格

合并行的表格合并行的表格合并行的表格

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD width=100 rowSpan=3> <DIV align=center>合并行的表格</DIV></TD> <TD width=100> <DIV align=center>合并行的表格</DIV></TD> <TD width=100> <DIV align=center>合并行的表格</DIV></TD> <TR> <TD>

普通table表格样式及代码大全

<DIV align=center>合并行的表格</DIV></TD> <TD> <DIV align=center>合并行的表格</DIV></TD> <TR> <TD> <DIV align=center>合并行的表格</DIV></TD> <TD> <DIV align=center>合并行的表格</DIV></TD></TR></TR></TR></TBODY></TABLE>

复杂表格

复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格复杂表格

普通table表格样式及代码大全

隐藏隐藏隐藏

横向横向横向

分隔线分隔线分隔线

隐藏隐藏隐藏

纵向纵向纵向

分隔线分隔线分隔线

普通table表格样式及代码大全

隐藏隐藏隐藏

纵横纵横纵横

分隔线分隔线分隔线

标题文本内容——标题位于表体外的表格

<TABLE width=250 align=center border=0> <CAPTION>标题</CAPTION> <TBODY> <TR> <TD bgColor=#cccccc> <DIV style="HEIGHT: 60px" align=center>文本内容——标题位于表体外的表格 </DIV></TD></TR></TBODY></TABLE>

普通table表格样式及代码大全

标题

文本内容——标题位于表体内的表格

<DIV style="HEIGHT: 60px" align=center>文本内容——标题位于表体内的表格</DIV></TD></TR></TBODY></TABLE> 标题

文本内容——标题位于边框上的表格

<FIELDSET style="WIDTH: 250px" align=center><LEGEND>标题</LEGEND> <DIV align=center>文本内容——标题位于边框上的表格</DIV> <DIV align=center> </DIV></FIELDSET>

表中表

文本内容——表中表效果

<FIELDSET style="WIDTH: 250px; BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid" align=center><LEGEND style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px solid;

background-Color: #e1f8ff; BORDER-BOTTOM: #808080 1px solid"><FONT color=#000000>表中表</FONT> </LEGEND>

<P align=center>文本内容——表中表效果</P></FIELDSET> </TD></TR></TBODY></TABLE>

本文来源：https://www.bwwdw.com/article/wufi.html

相关文章：

正在阅读：

普通table表格样式及代码大全08-29

发电厂设备预防性试验作业指导书secret01-26

“党员先锋岗示范促发展”党建品牌创建活动总结03-11

《自动控制原理》复习资料05-21

2011年美国国立神经病语言障碍卒中研究所和AD及相关疾病协会(NIN04-08

青岛黄海学院专业青岛黄海学院招生网站-青岛黄海学院分数线01-09

山西财大本量利分析案例一、二10-14

超星尔雅艺术导论（彭吉象）网络课习题及答案 doc09-10

曾经错过的道歉作文1000字06-30

第五章机械中的摩擦和机械效率11-12

上一篇：生命质量评价(第一版) 下一篇：双臂电桥测低电阻实验报告