How to remove td border with html

Question

html   lt table border  1  gt     lt tr gt       lt td gt one lt  td gt       lt td gt two lt  td gt     lt  tr gt     lt tr gt       lt td gt one lt  td gt       lt td gt two lt  td gt   lt  tr gt   lt  table gt    This will output borders like this   --- ---             --- ---             --- ---    But I would like to display the border in table only not to td like this   --------                                    --------    How can I do just with html markup   NO CSS   NO INLINE STYLES   In some cases I need to remove some td borders only and some td border to display something like this    --- ---             ---                 --- ---

User · Answer

Try    lt table border  1  gt     lt tr gt       lt td gt         lt table border    gt                   lt  table gt       lt  td gt     lt  tr gt   lt  table gt

User · Answer

lt table border  1  cellspacing  0  cellpadding  0  gt       lt tr gt           lt td gt               lt table border  0  gt                   lt tr gt                       lt td gt one lt  td gt                       lt td gt two lt  td gt                   lt  tr gt                   lt tr gt                       lt td gt one lt  td gt                   lt  tr gt               lt  table gt           lt  td gt       lt  tr gt   lt  table gt

User · Answer

To remove borders between cells  while retaining the border around the table  add the attribute rules none to the table tag   There is no way in HTML to achieve the rendering specified in the last figure of the question  There are various tricky workarounds that are based on using some other markup structure

User · Answer

First   lt table border  1  gt         lt tr gt           lt td style  border none   gt one lt  td gt           lt td style  border none   gt two lt  td gt         lt  tr gt         lt tr gt           lt td style  border none   gt one lt  td gt           lt td style  border none   gt two lt  td gt       lt  tr gt       lt  table gt    Second example   lt table border  1  cellspacing  0  cellpadding  0  gt     lt tr gt       lt td style  border-left none border-top none  gt one lt  td gt       lt td style  border none   gt two lt  td gt     lt  tr gt     lt tr gt       lt td style  border-left none border-bottom none border-top none  gt one lt  td gt       lt td style  border none   gt two lt  td gt   lt  tr gt   lt  table gt

User · Answer

x000D   x000D     lt table border  1  gt     lt tr gt       lt td gt one lt  td gt       lt td style  border-bottom-style  hidden   gt two lt  td gt     lt  tr gt     lt tr gt       lt td gt one lt  td gt       lt td style  border-top-style  hidden   gt two lt  td gt   lt  tr gt   lt  table gt  x000D   x000D   x000D

User · Answer

simple solution from my end is to keep another Table with border and insert your table in the outer table    lt table border  1  gt   lt tr gt       lt td gt           lt table border  0  gt               lt tr gt                   lt td gt one lt  td gt                   lt td gt two lt  td gt               lt  tr gt               lt tr gt                   lt td gt one lt  td gt                   lt td gt two lt  td gt               lt  tr gt           lt  table gt       lt  td gt   lt  tr gt    lt  table gt

User · Answer

Surround it with a div and give it a border and remove the border from the table   lt div style  border  1px solid black  gt       lt table border  0  gt           lt tr gt               lt td gt one lt  td gt               lt td gt two lt  td gt           lt  tr gt           lt tr gt               lt td gt one lt  td gt               lt td gt two lt  td gt           lt  tr gt       lt  table gt   lt  div gt    You can check the working fiddle here    As per your updated question      where you want to add or remove borders  You should remove borders from the html table first and then do the following   lt td style  border-top  1px solid black  gt    Assuming like you only want the top border  Similarly you have to do for others  Better way create four css class      topBorderOnly       border-top  1px solid black      bottomBorderOnly       border-bottom  1px solid black      Then add the css to your code depending on the requirements    lt td class  topBorderOnly bottomBorderOnly  gt      This will add both top and bottom border  similarly do for the rest

[html] How to remove td border with html?

Examples related to html