Add space between cells td using css

Question

I am trying to add a table with space between cell as the background colour of the cell is white and the background color of the table is blue  you can easily see that padding and margin are not working  I am applying it to the td   it will only add space inside of the cell

User · Answer

Consider using cellspacing and cellpadding attributes for table tag or border-spacing css property

User · Answer

If you want separate values for sides and top-bottom    lt table style  border-spacing  5px 10px   gt

User · Answer

Suppose cellspcing   cellpadding   border-spacing property did not worked  you can use the code as follow    lt div class  form-group  gt     lt table width  100   cellspacing  2px  style  border-spacing  10px   gt       lt tr gt                                 lt td width  47   gt           lt input type  submit  class  form-control btn btn-info  id  submit  name  Submit    gt         lt  td gt         lt td width  5   gt  lt  td gt         lt td width  47   gt           lt input type  reset  class  form-control btn btn-info  id  reset  name  Reset    gt         lt  td gt       lt  tr gt     lt  table gt   lt  div gt    I ve tried and got succeed while seperate the button by using table-width and make an empty td as 2 or 1  it doesn t return more different

User · Answer

Mine is   border-spacing  10px  border-collapse  separate

User · Answer

table      border-spacing  10px        This worked for me once I removed   border-collapse  separate    from my table tag

User · Answer

cellspacing  distance between cells  parameter of the TABLE tag is precisely what you want  The disadvantage is it s one value  used both for x and y  you can t choose different spacing or padding vertically horizontally  There is a CSS property too  but it s not widely supported

User · Answer

You want border-spacing    lt table style  border-spacing  10px   gt    Or in a CSS block somewhere   table     border-spacing  10px      See quirksmode on border-spacing  Be aware that border-spacing does not work on IE7 and below

[html] Add space between cells (td) using css

Examples related to html

Examples related to css