首页 > 外语翻译

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

2023年12月29日发(作者：safer)

单实线边框表格

align=center border=1>

单实线边框表格

虚线边框表格

#ff6600 1px dashed; BORDER-BOTTOM: #ff6600 1px dashed; BORDER-COLLAPSE: collapse"

borderColor=#000000 height=40 cellPadding=1 width=250 align=center border=1>

虚线边框表格

点线边框表格

#ff6600 2px dotted; BORDER-BOTTOM: #ff6600 2px dotted; BORDER-COLLAPSE: collapse"

borderColor=#ff6600 height=40 cellPadding=1 width=250 align=center border=2>

点线边框表格

双实线边框表格

槽线边框表格

#00f901 10px groove; BORDER-BOTTOM: #00f901 10px groove; BORDER-COLLAPSE: collapse"

borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10>

槽线边框表格

脊线边框表格

#00f901 10px ridge; BORDER-BOTTOM: #00f901 10px ridge; BORDER-COLLAPSE: collapse"

borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10>

脊线边框表格

内凹效果边框

#00f901 10px inset; BORDER-BOTTOM: #00f901 10px inset; BORDER-COLLAPSE: collapse"

borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10>

内凹效果边框

外凸效果边框

#00f901 10px outset; BORDER-BOTTOM: #00f901 10px outset; BORDER-COLLAPSE: collapse"

borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10>

外凸效果边框

内虚外实边框

BORDER-BOTTOM-STYLE: solid" borderColor=#4a4a84 height=40 cellSpacing=8 cellPadding=2

width=250 align=center bgColor=#ffffff border=2>

BORDER-LEFT: #4a4a84 2px dashed; BORDER-BOTTOM: #4a4a84 2px dashed">

内虚外实边框

外虚内实边框

BORDER-BOTTOM-STYLE: dashed" borderColor=#4a4a84 height=40 cellSpacing=8 cellPadding=2

width=250 align=center bgColor=#ffffff border=2>

BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid">

外虚内实边框

无边框表格

align=center bgColor=#fffbec border=0>

无边框表格

隐藏下边框

bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

隐藏下边框

隐藏上边框

bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

隐藏上边框

隐藏左边框

bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

隐藏左边框

隐藏右边框

bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

隐藏右边框

隐藏左右边框

borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center

border=1>

隐藏左右边框

隐藏上下边框

borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center

border=1>

隐藏上下边框

只显示上边框

border=1 frame=above>

只显示上边框

只显示下边框

border=1 frame=below>

只显示下边框

只显示左边框

border=1 frame=lhs>

只显示左边框

只显示右边框

border=1 frame=rhs>

只显示右边框

不显示任何边框

border=1 frame=void>

不显示任何边框

单行单列

align=center bgColor=#ffffff border=1>

单行单列

一行多列

align=center bgColor=#ffffff border=1>

一行多列

一列多行

一行多列一行多列

一列多行

align=center bgColor=#ffffff border=1>

一列多行

多行多列

align=center bgColor=#ffffff border=1>

多行多列

合并列的表格

align=center bgColor=#ffffff border=1>

合并列的表格

合并行的表格

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

合并行的表格

align=center bgColor=#ffffff border=1>

合并行的表格

合并列的表格

合并行的表格

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

复杂表格

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

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

复杂表格

align=center bgColor=#ffffff border=1>

复杂表格

隐藏

width=300 align=center bgColor=#e1f8ff border=1>

隐藏	横向	分隔线
隐藏	横向	分隔线
隐藏	横向	分隔线

隐藏

width=300 align=center bgColor=#e1f8ff border=1>

纵向

分隔线

横向

分隔线

隐藏	纵向	分隔线
隐藏	纵向	分隔线
隐藏	纵向	分隔线

隐藏

width=300 align=center bgColor=#e1f8ff border=1>

隐藏	纵横	分隔线
隐藏	纵横	分隔线
隐藏	纵横	分隔线

标题

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

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

纵横

分隔线

标题

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

标题

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

标题

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

标题

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

表中表

文本内容——表中表效果

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

background-Color: #e1f8ff; BORDER-BOTTOM: #808080 1px solid">表中表

文本内容——表中表效果

本文发布于:2024-09-23 09:23:09，感谢您对本站的认可！

本文链接：https://www.17tex.com/fanyi/41802.html

上一篇：table的用法及例句

下一篇：table 用法

标签：边框表格内容合并标题位于文本

留言与评论（共有 0 条评论）