How to specify the bottom border of a tr

Question

I tried     bb       border-bottom 1px      lt tr class  bb  gt    But no effect at all

User · Answer

What I want to say here is like some kind of add-on on @Suciu Lucian's answer.

The weird situation I ran into is that when I apply the solution of @Suciu Lucian in my file, it works in Chrome but not in Safari (and did not try in Firefox). After I studied the guide of styling table border published by w3.org, I found something alternative:

table.myTable{
  border-spacing: 0;
}

table.myTable td{
  border-bottom:1px solid red;
}

Yes you have to style the td instead of the tr.

User · Answer

Try the following instead    lt html gt    lt head gt     lt title gt Table row styling lt  title gt     lt style type  text css  gt       bb td   bb th        border-bottom  1px solid black  important           lt  style gt    lt  head gt    lt body gt     lt table gt       lt tr class  bb  gt         lt td gt This lt  td gt         lt td gt should lt  td gt         lt td gt work lt  td gt       lt  tr gt     lt  table gt    lt  body gt   lt  html gt

User · Answer

You should define the style on the td element like so    lt html gt   lt head gt       lt style type  text css  gt           bb                       border-bottom  solid 1px black                 lt  style gt   lt  head gt   lt body gt       lt table gt           lt tr gt               lt td gt                  Test 1              lt  td gt           lt  tr gt           lt tr gt               lt td class  bb  gt                  Test 2              lt  td gt           lt  tr gt       lt  table gt   lt  body gt   lt  html gt

User · Answer

Add border-collapse collapse to the table   Example   table myTable    border-collapse collapse     table myTable tr    border 1px solid red      This worked for me

User · Answer

tr td        border-bottom  2px solid silver      or if you want the border inside the TR tag  you can do this   tr td       box-shadow  inset 0px -2px 0px silver

[html] How to specify the bottom border of a <tr>?

Examples related to html

Examples related to css