html table 分隔线

<style>
td{text-align:center}
</style>
<table  rules='cols'  frame='void' bgcolor='#A2CD5A'  height='100%' width='100%'>
    <tr height='30px'><td colspan='3'>1</td></tr>
    <tr>
          <td>2.1</td>
          <td>2.2</td>
          <td>2.3</td>
     </tr>
    <tr>
          <td>3.1</td>
          <td>3.2</td>
          <td>3.3</td>    
    </tr>
    <tr height='30px'><td colspan='3'>4</td></tr>
</table>

 

 

说明：

表格外部，分隔线的属性

只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>

表格内部，分隔线的属性

<table rules=cols >时，表格会隐藏横向的分隔线
<table rules=rows >时，就隐藏了纵向的分隔线
<table rules=none >时，纵向分隔线和横向分隔线将全部隐藏