CODEWITHSUNDEEP
htmlcssbordercss-tables
Marco Dinatsoli
Marco Dinatsoli

Reputation: 10570

css border is not applied on table tr

This is the jsfiddle

http://jsfiddle.net/r323e/

it is very simple:

I want to put a border on the table tr so I tried this:

.table tr{
    height: 30px;
    border-bottom: 10px solid #000000;
}

The height property is applied but the border is not.

why please? and how to fix it.

Many thanks

Upvotes: 0

Views: 728

Answers (2)

Suresh Ponnukalai
Suresh Ponnukalai

Reputation: 13988

Add display:block to your tr style.

.table tr{
display:block;
height: 30px;
border-bottom: 10px solid #000000;
}

Upvotes: 3

MickyScion
MickyScion

Reputation: 516

you can define a tr class css like this

<tr class="border_bottom">

and in your css you can do this

tr.border_bottom td {
  border-bottom:1pt solid black;
}

tried in your code and works..good luck!!

Upvotes: 2

Related Questions