Welcome To Ask or Share your Answers For Others

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

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

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

I tried :

.bb {
    border-bottom:1px;
}

<tr class="bb">

But no effect at all.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

Welcome To Ask or Share your Answers For Others

1 Reply

replyed Oct 24, 2021 by 深蓝 (71.8m points)

Try the following instead:

<html>
 <head>
  <title>Table row styling</title>
  <style type="text/css">
    .bb td, .bb th {
     border-bottom: 1px solid black !important;
    }
  </style>
 </head>
 <body>
  <table>
    <tr class="bb">
      <td>This</td>
      <td>should</td>
      <td>work</td>
    </tr>
  </table>
 </body>
</html>

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...