注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

wuyi

结构:外要寛 内要深 意为上 情为重;形式:诗为魂,画为衣,乐为骨,文为体。

 
 
 

日志

 
 

几种表格样式及代码  

2014-01-05 16:54:07|  分类: 表格 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |



样式1
  
 
 
 

样式2
  
  
 <P>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width="80%" align=center bgColor=#a7d2ed borderColorLight=#000000 border=1>
<TBODY>
<TR>
<TD class=p9 width="21%" bgColor=#d9f0f9 rowSpan=2>
<DIV align=center>样式1</DIV></TD>
<TD width="35%" bgColor=#b0e6ff>&nbsp;</TD>
<TD width="44%" bgColor=#b0e6ff>&nbsp;</TD></TR>
<TR>
<TD width="35%" bgColor=#b0e6ff>&nbsp;</TD>
<TD width="44%" bgColor=#b0e6ff>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></P>
  <P>
<TABLE cellSpacing=2 cellPadding=0 width="80%" align=center bgColor=#ffcc00 border=1>
<TBODY>
<TR>
<TD class=p9 width="23%" bgColor=#fffcf0 rowSpan=2>
<DIV align=center><FONT color=#cc0000>样式2</FONT></DIV></TD>
<TD width="38%" bgColor=#f7e8d0>&nbsp;</TD>
<TD width="39%" bgColor=#f7e8d0>&nbsp;</TD></TR>
<TR>
<TD width="38%" bgColor=#f7e8d0>&nbsp;</TD>
<TD width="39%" bgColor=#f7e8d0>&nbsp;</TD></TR></TBODY></TABLE></P>

样式3
  
  
<P>
<TABLE cellSpacing=2 borderColorDark=#ffffff cellPadding=0 width="80%" align=center bgColor=#a7d2ed borderColorLight=#000000 border=1>
<TBODY>
<TR>
<TD class=p9 width="19%" rowSpan=2>
<DIV align=center>样式3</DIV></TD>
<TD width="37%">&nbsp;</TD>
<TD width="44%">&nbsp;</TD></TR>
<TR>
<TD width="37%">&nbsp;</TD>
<TD width="44%">&nbsp;</TD></TR></TBODY></TABLE></P>
 

样式4
  
  
<P>
<TABLE cellSpacing=0 borderColorDark=#990000 cellPadding=0 width="80%" align=center borderColorLight=#ffffcc border=4>
<TBODY>
<TR>
<TD class=p9 width="23%" bgColor=#f7e8d0 rowSpan=2>
<DIV align=center><FONT color=#990000>样式4</FONT></DIV></TD>
<TD width="38%" bgColor=#ff6600>&nbsp;</TD>
<TD width="39%" bgColor=#ff6600>&nbsp;</TD></TR>
<TR>
<TD width="38%" bgColor=#ff6600>&nbsp;</TD>
<TD width="39%" bgColor=#ff6600>&nbsp;</TD></TR></TBODY></TABLE></P>
   

样式5
  
  
 

样式6
  
  
 <P>
<TABLE borderColor=#000000 cellSpacing=0 borderColorDark=#666666 cellPadding=0 width="80%" align=center bgColor=#cccccc borderColorLight=#999999 border=1>
<TBODY>
<TR>
<TD class=p9 width="18%" rowSpan=2>
<DIV align=center>样式5</DIV></TD>
<TD width="37%">&nbsp;</TD>
<TD width="45%">&nbsp;</TD></TR>
<TR>
<TD width="37%">&nbsp;</TD>
<TD width="45%">&nbsp;</TD></TR></TBODY></TABLE></P>
  <P>
<TABLE cellSpacing=2 cellPadding=0 width="80%" align=center bgColor=#a7d2ed border=1>
<TBODY>
<TR>
<TD class=p9 width="23%" rowSpan=2>
<DIV align=center>样式6</DIV></TD>
<TD width="37%">&nbsp;</TD>
<TD width="40%">&nbsp;</TD></TR>
<TR>
<TD width="37%">&nbsp;</TD>
<TD width="40%">&nbsp;</TD></TR></TBODY></TABLE></P>

样式7
  
  
 

样式8
  
 
 
 <P>
<TABLE cellSpacing=2 borderColorDark=#000000 cellPadding=0 width="80%" align=center bgColor=#ff9966 borderColorLight=#ffcc00 border=2>
<TBODY>
<TR>
<TD class=p9 width="19%" rowSpan=2>
<DIV align=center>样式7</DIV></TD>
<TD width="37%" bgColor=#ffcccc>&nbsp;</TD>
<TD width="44%" bgColor=#ffcccc>&nbsp;</TD></TR>
<TR>
<TD width="37%" bgColor=#ffcccc>&nbsp;</TD>
<TD width="44%" bgColor=#ffcccc>&nbsp;</TD></TR></TBODY></TABLE></P>
  <P>
<TABLE cellSpacing=0 cellPadding=0 width="80%" align=center bgColor=#a7d2ed borderColorLight=#ffcc99 border=1>
<TBODY>
<TR>
<TD class=p9 width="23%" bgColor=#fef3d3 rowSpan=2>
<DIV align=center>样式8</DIV></TD>
<TD width="36%" bgColor=#ffccff> </TD>
<TD width="41%" bgColor=#ffccff> </TD></TR>
<TR>
<TD width="36%" bgColor=#ffccff> </TD>
<TD width="41%" bgColor=#ffccff>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></P>

样式9
  
  
 

样式10
  
 
 <P>
<TABLE class=unnamed1 borderColor=#cc6600 cellSpacing=0 cellPadding=0 width="80%" align=center bgColor=#ffcccc border=0>
<TBODY>
<TR>
<TD width="21%" bgColor=#fffbe8 rowSpan=2>
<DIV class=p9 align=center>样式9</DIV></TD>
<TD width="35%">&nbsp;</TD>
<TD width="44%">&nbsp;</TD></TR>
<TR>
<TD width="35%">&nbsp;</TD>
<TD width="44%">&nbsp;</TD></TR></TBODY></TABLE></P>
  <P>
<TABLE borderColor=#cc6600 cellSpacing=0 cellPadding=0 width="80%" align=center bgColor=#ffcccc border=0>
<TBODY>
<TR>
<TD width="21%" bgColor=#ccffff rowSpan=2>
<DIV class=p9 align=center>样式10</DIV></TD>
<TD width="35%" bgColor=#99cccc>&nbsp;</TD>
<TD width="44%" bgColor=#99cccc>&nbsp;</TD></TR>
<TR>
<TD class=unnamed2 bgColor=#ffffff colSpan=2>&nbsp;</TD></TR></TBODY></TABLE></P>

 样式11
     
 
   

样式12
 
 <P>
<TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD class=unnamed2 bgColor=#ffffff colSpan=5><SPAN class=p9>样式11</SPAN></TD></TR>
<TR>
<TD bgColor=#ccffff>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD bgColor=#ccffff>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD class=unnamed3 bgColor=#ccffff>&nbsp;</TD></TR></TBODY></TABLE></P>
  <P>
<TABLE class=unnamed4 cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD class=unnamed3 width="23%">
<DIV align=center><SPAN class=p9>样式12</SPAN></DIV></TD>
<TD width="77%" bgColor=#cccccc>&nbsp;</TD></TR></TBODY></TABLE></P>
<

 样式13
  
<P>
<TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR bgColor=#eefcff>
<TD class=unnamed2 colSpan=2>
<DIV align=left><SPAN class=p9>样式13</SPAN></DIV></TD></TR>
<TR>
<TD class=unnamed3 bgColor=#c5eefe>&nbsp;</TD>
<TD class=unnamed3 width="51%" bgColor=#ccffff>&nbsp;</TD></TR></TBODY></TABLE></P>
 
   

样式14
 
<P>
<TABLE class=unnamed4 cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD bgColor=#ff6600 colSpan=2></TD></TR>
<TR>
<TD width="23%" bgColor=#ff6600>
<DIV align=center><SPAN class=p9>样式14</SPAN></DIV></TD>
<TD width="77%" bgColor=#ffcccc>&nbsp;</TD></TR></TBODY></TABLE></P>
   
        
 
样式15      
 

样式16
 
 
 <P><TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD width="41%" bgColor=#ff3300 height=2></TD>
<TD width="2%" bgColor=#ff9900 height=2>&nbsp;</TD>
<TD width="4%" bgColor=#ff3300 height=2>&nbsp;</TD>
<TD width="10%" bgColor=#ff9900 height=2>&nbsp;</TD>
<TD width="8%" bgColor=#ff3300 height=2>&nbsp;</TD>
<TD width="19%" bgColor=#ff9900 height=2>&nbsp;</TD>
<TD width=0% bgColor=#ff3300 height=2>&nbsp;</TD>
<TD width="16%" bgColor=#ff9900 height=2>&nbsp;</TD></TR>
<TR>
<TD class=unnamed2 colSpan=8>&nbsp;</TD></TR>
<TR>
<TD colSpan=2><SPAN class=p9>样式15</SPAN></TD>
<TD width="4%" bgColor=#ffcccc>&nbsp;</TD>
<TD borderColor=#ff9900 width="10%" bgColor=#ff3300>&nbsp;</TD>
<TD borderColor=#cccccc width="8%" bgColor=#ff9900>&nbsp;</TD>
<TD width="19%" bgColor=#ffcccc>&nbsp;</TD>
<TD width=0%>&nbsp;</TD>
<TD width="16%" bgColor=#ff3300>&nbsp;</TD></TR></TBODY></TABLE></P>
  <P>
<TABLE cellSpacing=2 borderColorDark=#000000 cellPadding=0 width="80%" align=center bgColor=#ff9966 borderColorLight=#ffcc00 border=1>
<TBODY>
<TR>
<TD class=p9 width="19%">
<DIV align=center>样式16</DIV></TD>
<TD bgColor=#ffcccc>&nbsp;</TD></TR>
<TR bgColor=#cc6600>
<TD class=p9 colSpan=2>&nbsp;</TD></TR></TBODY></TABLE></P>

样式17
  
  
<P>
<TABLE class=unnamed5 cellSpacing=0 cellPadding=0 width="80%" align=center border=1>
<TBODY>
<TR>
<TD class=unnamed5 width="16%" rowSpan=2>
<DIV align=center><SPAN class=p9>样式17</SPAN></DIV></TD>
<TD class=unnamed5 width="37%">&nbsp;</TD>
<TD class=unnamed5 width="47%">&nbsp;</TD></TR>
<TR>
<TD class=unnamed5 width="37%" bgColor=#e1f8ff>&nbsp;</TD>
<TD class=unnamed5 width="47%" bgColor=#e1f8ff>&nbsp;</TD></TR></TBODY></TABLE></P>
 

样式18
 
<P>
<TABLE class=unnamed6 cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD height=21>
<DIV class=p9 align=left>样式18</DIV></TD></TR>
<TR>
<TD bgColor=#fffbec height=21>&nbsp;</TD></TR></TBODY></TABLE></P>
   

 
 
 

 <P>
<TABLE cellSpacing=2 borderColorDark=#000000 cellPadding=0 width="80%" align=center bgColor=#ff9966 borderColorLight=#ffcc00 border=1>
<TBODY>
<TR>
<TD class=p9 width="19%" bgColor=#f3f3cf height=4>
<DIV align=center><FONT color=#ff6600></FONT>&nbsp;</DIV></TD>
<TD bgColor=#ffeeee height=4>&nbsp;</TD></TR>
<TR bgColor=#ffeeee>
<TD class=p9 colSpan=2><SPAN class=p9>&nbsp; </SPAN></TD></TR></TBODY></TABLE></P>

  评论这张
 
阅读(59)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017