Removing border from table cells

Question

I know this is a dumb question but I seem to have totally forgotten how to do it   I have a HTML table and I want to remove all borders around all the  cells so that there is only one border around the entire table   My code looks like    lt table border  1  width  500  gt     lt tr gt  lt th gt  lt h1 gt Your Wheelbarrow lt  h1 gt  lt  th gt  lt tr gt       lt th gt Product lt  th gt       lt th gt Description lt  th gt       lt th gt Price lt  th gt       lt th gt Quantity lt  th gt       lt th gt Total lt  th gt       lt th gt Delete lt  th gt     lt  tr gt

User · Answer

Change your table declaration to    lt table style  border  1px dashed  width  500px   gt    Here is the sample in action  http   jsfiddle net kc48k

User · Answer

lt style type  text css  gt  table     border 1px solid black     lt  style gt

User · Answer

Probably you just needed this CSS rule   table      border-spacing  0px      http   jsfiddle net Bz3Jt 3

User · Answer

You might want to try this  http   jsfiddle net QPKVX   Not really sure what you want your final layout to look like- but that fixes the colspan problem too

User · Answer

If none of the solutions on this page work and you are having the below issue     You can simply use this snippet of CSS   td      padding  0

User · Answer

Just collapse the table borders and remove the borders from table cells  td elements    table       border  1px solid  CCC      border-collapse  collapse     td       border  none      Without explicitly setting border-collapse cross-browser removal of table cell borders is not guaranteed

User · Answer

Just use your table inside a div with a class   table1 for example  and don t set any border for this table in CSS  Then use CSS code for that class     table1  border 1px solid black

User · Answer

The HTML attribute for the purpose is rules none  to be inserted into the table tag

[html] Removing border from table cells

Examples related to html

Examples related to css

Examples related to xhtml

Examples related to html-table