bottom to table row <tr>

I have a table of 3 by 3. I need a way to add a border for the bottom of every row tr and give it a specific color.

First I tried the direct way, ie:

<tr style="border-bottom:1pt solid black;">

But that didn't work. So I added CSS like this:

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

That still didn't work.

I would prefer to use CSS because then I don't need to add a style attribute to every row. I haven't added a border attribute to the <table> . I hope that that is not affecting my CSS.

---

I had a problem like this before. I don't think tr can take a border styling directly. My workaround was to style the td s in the row:

<tr class="border_bottom">

CSS:

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

---

Add border-collapse:collapse to your table rule:

table { 
    border-collapse: collapse; 
}

Link

---

Use border-collapse:collapse on table and border-bottom: 1pt solid black; on the tr

链接地址: http://www.djcxy.com/p/88792.html

上一篇: 为什么有些表会随机地继承这个CSS风格？

下一篇: 底部到表格行<tr>