分享

常用表格代码

 暮月深阑 2018-09-11
1 1 1
1 1 1
1 1 1


代码:<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>
【二】

1 1
1 1
代码:<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>
【三】
1 1 1 1
1 1 1 1
代码:<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"> </td> </tr> 

 <tr align="center"> 
 <td bordercolorlight="#FF9966" bgcolor="#6699FF" bordercolordark="#eeeeee" height="24"> 写入字</td> <td bordercolorlight="#FF9966" bgcolor="#33CC33" bordercolordark="#eeeeee"> </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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约