普通table表格样式及代码大全(全)(一)
2010-07-27 16:41
423 查看
普通table表格样式及代码大全(全)(一)
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=250 align=center border=1> <TBODY> <TR> <TD> <DIV align=center>单实线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff6600 1px dashed; BORDER-BOTTOM: #ff6600 1px dashed; BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=250 align=center border=1> <TBODY> <TR> <TD> <DIV align=center>虚线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #ff6600 2px dotted; BORDER-TOP: #ff6600 2px dotted; BORDER-LEFT: #ff6600 2px dotted; BORDER-BOTTOM: #ff6600 2px dotted; BORDER-COLLAPSE: collapse" borderColor=#ff6600 height=40 cellPadding=1 width=250 align=center border=2> <TBODY> <TR> <TD> <DIV align=center>点线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE borderColor=#000000 height=40 cellPadding=1 width=250 align=center border=3> <TBODY> <TR> <TD> <DIV align=center>双实线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #00f901 10px groove; BORDER-TOP: #00f901 10px groove; BORDER-LEFT: #00f901 10px groove; BORDER-BOTTOM: #00f901 10px groove; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>槽线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #00f901 10px ridge; BORDER-TOP: #00f901 10px ridge; BORDER-LEFT: #00f901 10px ridge; BORDER-BOTTOM: #00f901 10px ridge; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>脊线边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #00f901 10px inset; BORDER-TOP: #00f901 10px inset; BORDER-LEFT: #00f901 10px inset; BORDER-BOTTOM: #00f901 10px inset; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>内凹效果边框</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #00f901 10px outset; BORDER-TOP: #00f901 10px outset; BORDER-LEFT: #00f901 10px outset; BORDER-BOTTOM: #00f901 10px outset; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=250 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>外凸效果边框</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid" borderColor=#4a4a84 height=40 cellSpacing=8 cellPadding=2 width=250 align=center bgColor=#ffffff border=2> <TBODY> <TR> <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>
<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#4a4a84 height=40 cellSpacing=8 cellPadding=2 width=250 align=center bgColor=#ffffff border=2> <TBODY> <TR> <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>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=250 align=center bgColor=#fffbec border=0> <TBODY> <TR> <TD> <DIV alig 4000 n=center>无边框表格</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-BOTTOM: medium none" height=40>隐藏下边框</TD></TR></TBODY></TABLE>
<TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-TOP: medium none" height=40>隐藏上边框</TD></TR></TBODY></TABLE>
<TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-LEFT: medium none" height=40>隐藏左边框 </TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-RIGHT: medium none" height=40>隐藏右边框 </TD></TR></TBODY></TABLE>
<TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-RIGHT: medium none; BORDER-LEFT: medium none" height=40>隐藏左右边框 </TD></TR></TBODY></TABLE>
<TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ff6600 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1> <TBODY> <TR align=middle> <TD style="BORDER-TOP: medium none; BORDER-BOTTOM: medium none" height=40>隐藏上下边框</TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff6600 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=above> <TBODY> <TR align=middle> <TD height=40>只显示上边框</TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff6600 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=below> <TBODY> <TR align=middle> <TD height=40>只显示下边框</TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff6600 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=lhs> <TBODY> <TR align=middle> <TD height=40>只显示左边框</TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff6600 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=rhs> <TBODY> <TR align=middle> <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> <TR align=middle> <TD height=40>不显示任何边框</TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD height=40> <DIV align=center>单行单列</DIV></TD></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> <DIV align=center>一行多列</DIV></TD> <TD width=100> <DIV align=center>一行多列</DIV></TD> <TD width=100> <DIV align=center>一行多列</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD> <DIV align=center>一列多行</DIV></TD> <TR> <TD> <DIV align=center>一列多行</DIV></TD> <TR> <TD> <DIV align=center>一列多行</DIV></TD></TR></TR></TR></TBODY></TABLE> |
相关文章推荐
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)(一)
- 普通table表格样式及代码大全(全)(二)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全) 转
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全(全)(二)
- 普通table表格样式及代码大全(全)
- 普通table表格样式及代码大全
- 普通table表格样式大全
- table表格样式及代码大全
- HTML里隐藏表格TABLE或者DIV内容的样式代码
- 基于JQuery的动态删除Table表格的行和列的代码
- iOS学习之分段Table View的使用(Grouped样式表格)
- table里面怎么设置td的样式和Excel里面的表格一样&&当光标浮动td上到元素上时如何显示全部文本。
- JSP,html的submit button的背景设置和表格的黑线样式代码