表格外边框不显示css

<style>

table {border:none;padding:0px;border-collapse:collapse;}

td {border-bottom:1px solid #630;border-right:1px solid #630;}

td.b {border-bottom:none;}

td.r {border-right:none;}
td.l {border-left:none;}
td.t {border-top:none;}
</style>

<table height="100">

<tr>

<td> 1</td>

<td>2 </td>

<td class="r">3 </td>

</tr>

<tr>

<td>1 </td>

<td> 2</td>

<td class="r"> 3</td>

</tr>

<tr>

<td class="b"> 2</td>

<td class="b"> 2</td>

<td class="b r">2 </td>

</tr>

</table>
<br>
<table width="200" height="200" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td class="t l"> </td>
    <td class="t"> </td>
    <td class="t r"> </td>
  </tr>
  <tr>
    <td class="l"> </td>
    <td> </td>
    <td class="r"> </td>
  </tr>
  <tr>
    <td class="b l"> </td>
    <td class="b"> </td>
    <td class="b r"> </td>
  </tr>
</table>

文章来自: 本站原创
引用通告地址: http://www.is21.cn/trackback.asp?tbID=104
Tags: