html table设置边框线

来源：互联网发布：mac怎么下flash 编辑：程序博客网时间：2024/05/13 09:09

这个问题有4种解决办法：

<span style="font-family: 宋体; font-size: 14px; line-height: 24px;">1、表格里面套表格：</span>

<table   cellspacing= "0 "   cellpadding= "0 "   border= "0 "   width= "500 ">     <tr>         <td   bgcolor= "#AAAAAA ">             <table   cellspacing= "1 "   cellpadding= "0 "   border= "0 "   width= "100% ">                 <tr   bgcolor= "#FFFFFF ">                     <td   height= "20 ">   </td>                     <td>   </td>                     <td>   </td>                 </tr>                 <tr   bgcolor= "#FFFFFF ">                     <td   height= "20 ">   </td>                     <td>   </td>                     <td>   </td>                 </tr>             </table>         </td>     </tr> </table>

2、div标签：

<td   style= "border-left:   solid   1px;border-right:solid   1px   #000000 ">

3、不设边框，但设背景色，同时设单元格间距cellspacing=1,行设一个不同的前景。则table的背景就从单元格间距里“透”出来，好象细线一样。

<TABLE   WIDTH= "75% "   BORDER=0   CELLSPACING=1   CELLPADDING=1   bgcolor=DarkGray> <TR   bgcolor=White> <TD> 1 </TD> <TD> 2 </TD> <TD> 3 </TD> </TR> <TR   bgcolor=White> <TD> 4 </TD> <TD> 5 </TD> <TD> 6 </TD> </TR> <TR   bgcolor=White> <TD> 7 </TD> <TD> 8 </TD> <TD> 9 </TD> </TR> </TABLE>

4、一般的常规方法：

这个问题只要加个css就行了

table   { border-collapse:collapse; } td   { border:1px   solid   #000000; } <table   border=0   cellspacing=0> ... </table>

0 0