How to remove space rows and columns in table in html

In my html page, I have one table, for every row there are two buttons, I want to display them without any space between rows and columns, ie, no space between columns in each row and no space between two rows in table. How can I get this? I tried with

<table>
     <tr>
          <td colspan = 2><a data-role="button" href = "getFun()" >check</a></td>
     </tr>
     <tr>                               
          <td><a data-role = "button"   href = "getFun()">check</a></td>                               
          <td><a data-role = "button"  href = "getFun()">check</a> </td>
     </tr>
     <tr>
          <td><a data-role = "button" href = "getFun()">check</a></td>
          <td><a data-role = "button" href = "getFun()">check</a></td>
     </tr>
 </table>

table{
    border-spacing:0;
    border-collapse:collapse;
}

But its not working for me. Please tell me the solution. I edited my code. Please find it

---

<table cellpadding="0" cellspacing="0">

http://jsfiddle.net/Curt/5rkpy/

链接地址: http://www.djcxy.com/p/94722.html

上一篇: twitter引导网格系统。 列之间的间距

下一篇: 如何在html中删除表格中的空格行和列