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

歌声相伴 开心前行

.....................

 
 
 

日志

 
 

常用表格代码  

2013-12-15 11:15:44|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
111
111
111


代码:<table width="500" border="6" cellpadding="1" cellspacing="3" bordercolor="#ff0000"> <tbody>
<tr>  <td>1</td> <td>1</td> <td>1</td> </tr>
<tr>  <td>1</td> <td>1</td> <td>1</td> </tr>
<tr>  <td>1</td> <td>1</td> <td>1</td> </tr>
</tbody></table>
【二】

11
11
代码:<table border="8" cellspacing="0" width="44%" bordercolorlight="#ff0000" bordercolordark="#efefef"> 
<tbody><tr bgcolor="#cccccc"> 
 <td width="50%" bgcolor="#FF9966">1</td> 
<td width="50%" bgcolor="#FF9966"><font color="#ff0000" face="隶书">1</font></td> </tr>  
<tr bgcolor="#cccccc">  
<td bgcolor="#FF9966"><font color="#ff0000" face="隶书">1</font></td> 
 <td bgcolor="#FF9966"><font color="#ff0000" face="隶书">1</font></td> </tr> 
</tbody></table>
【三】
1111
1111
代码:<table width="500" border="8" cellpadding="1" cellspacing="3" bordercolor="#ff0000" bgcolor="#FF9966" bordercolordark="#000000"> <tbody>
<tr>  <td>1</td> <td>1</td> <td>1</td><td>1</td> </tr>
<tr>  <td>1</td> <td>1</td> <td>1</td><td>1</td> </tr>
 </tbody></table>
【四】
隐藏右边框隐藏左边框
隐藏上边框隐藏下边框
代码:<table width="500" border="8" cellpadding="4" cellspacing="3" bordercolor="#ff0000"> <tbody>
<tr>  <td width="102" style="border-right-style:none">隐藏右边框</td> 
<td width="119" style="border-left-style:none">隐藏左边框</td> 
</tr> <tr>  <td style="border-top-style:none">隐藏上边框</td> 
<td style="border-bottom-style:none">隐藏下边框</td> </tr> 
</tbody></table>

【五】
写入字 
 写入字 




代码:<table height="48" cellspacing="6" bordercolordark="#ff0000" cellpadding="3" width="500" align="left" bordercolorlight="#ff0000" border="1"> <tbody> <tr>  </tr>
<tr align="center"> 
 <td bordercolorlight="#FF9966" width="178" bgcolor="#FF9966" bordercolordark="#eeeeee" height="24">写入字</td> 
<td bordercolorlight="#FF9966" width="181" bgcolor="#FF6666" bordercolordark="#eeeeee">&nbsp;</td> </tr> 

 <tr align="center"> 
 <td bordercolorlight="#FF9966" bgcolor="#6699FF" bordercolordark="#eeeeee" height="24">&nbsp;写入字</td> <td bordercolorlight="#FF9966" bgcolor="#33CC33" bordercolordark="#eeeeee">&nbsp;</td> </tr> 

</tbody> </table>
【六】
实线
代码: <DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>



代码: <div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B"> <div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

【七】
文字 文字
文字 文字
代码:<table cellspacing="0" cellpadding="0" width="600">
<tbody>
<tr align="middle">
<td style="BORDER-RIGHT: rgb(30,0,50) 3px dotted; BORDER-TOP: rgb(30,0,50) 3px dotted; BORDER-LEFT: rgb(30,0,50) 3px dotted; BORDER-BOTTOM: rgb(30,0,50) 3px dotted">文字</td>
<td style="BORDER-RIGHT: rgb(30,0,50) 3px dotted; BORDER-TOP: rgb(30,0,50) 3px dotted; BORDER-BOTTOM: rgb(30,0,50) 3px dotted">文字</td></tr>
<tr align="middle">
<td style="BORDER-RIGHT: rgb(30,0,50) 3px dotted; BORDER-TOP: rgb(30,0,50) 0px dotted; BORDER-LEFT: rgb(30,0,50) 3px dotted; BORDER-BOTTOM: rgb(30,0,50) 3px dotted">文字</td>
<td style="BORDER-RIGHT: rgb(30,0,50) 3px dotted; BORDER-TOP: rgb(30,0,50) 0px dotted; BORDER-BOTTOM: rgb(30,0,50) 3px dotted">文字</td></tr>
</tbody></table>
  评论这张
 
阅读(275)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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