主题：HTML虚线表格代码

 

 

---

 设置虚线如下    style="border-top-style:dashed ;" 其中的top是在顶部设置，如果是在底部用 bottom其中必须在<td 后接着写style=……

<table>
<tr>
<td style="border-top:dashed  10px #F00;border-left:dashed 1px #000000;border-right:dashed 1px #000000" >只有这样才行吗？

</td>
</tr>
<tr><td style="border-left:dashed 10px #000000;border-right:dashed 1px #000000" height=100> </td></tr>
<tr>
  <td style="border-bottom:dashed 1px #000000;border-left:dashed 10px #000000; border-right:dashed 1px #000000">&nbsp; </td></tr></table>

 

 

style="border-top:dashed  10px #F00;"可以在顶部设置10像素的红色（#F00）虚线

效果如下

 

 

---

 

<table>
<tr>
<td style="border-top:dashed 1px #000000;border-left:dashed 1px #000000;border-right:dashed 1px #000000">只有这样才行吗？

</td>
</tr>
<tr><td style="border-left:dashed 1px #000000;border-right:dashed 1px #000000" height=100> </td></tr>
<tr><td style="border-bottom:dashed 1px #000000;border-left:dashed 1px #000000; border-right:dashed 1px #000000">如果td多了，

这样出来的虚线边框是断断续续的。</td></tr></table>