CSS style for table borders with dashed lines

The table border is displayed by default, and how can you turn it into a virtual line? In fact, as simple as a few style attributes can be done, I hope the following examples to help you

 

Copy Code code as follows:


<style>


. table5{text-align:center; border:1px solid #cccccc; border-radius:3px; Background-color: #FFFFFF; width:650px;}


. Table5 td{border-bottom:1px dashed #cccccc;}


. Table5. Last td{border-bottom:0;}


</style>

Copy Code code as follows:

<table width= "100%" border= "0" cellpadding= "2" cellspacing= "0" class= "table5" >
<tr >
<TD Colspan= "4" >&nbsp;</td>
</tr>
<tr >
<td width= "4% ></td>
<td width=" 17% "class=" TEXT-FL "> Acquaintances </td>
<TD width= "63%" align= "center" class= "TEXT-FL" > Consumption of 10 gold coins, swap 10 yuan mobile phone fee </td>
<td width= "16%" align= " Center "valign=" Middle ">2013.01.20</td>
</tr>
<tr class=" Last ">
<td ></td>
<td class= "text-fl" >m ping shui phase mm</td>
<td align= "Center "class=" TEXT-FL > Consumption 500 points, swap 500 fans </td>
<TD align= "center" valign= "Middle" >2013.01.20</td>
</tr>
<tr >
<td colspan= "4" ></td>
</tr>
</table>