How to set border around specific rows in html table

Cuaresma, Pauline Y. answered on November 24, 2022 Popularity 8/10 Helpfulness 5/10

answer How to set border around specific rows in html table

How to set border around specific rows in html table

Comment

<!DOCTYPE html>
<html>
<style>
tr.top td {
  border-top: thin solid black;
}

tr.bottom td {
  border-bottom: thin solid black;
}

tr.row td:first-child {
  border-left: thin solid black;
}

tr.row td:last-child {
  border-right: thin solid black;
}
</style>
<html>

<head>
</head>

<body>

  <table cellspacing="0">
    <tr>
      <td>no border</td>
      <td>no border here either</td>
    </tr>
    <tr class="top row">
      <td>one</td>
      <td>two</td>
    </tr>
    <tr class="bottom row">
      <td>three</td>
      <td>four</td>
    </tr>
    <tr>
      <td colspan="2">once again no borders</td>
    </tr>
    <tr class="top bottom row">
      <td colspan="2">hello</td>
    </tr>
    <tr>
      <td colspan="2">world</td>
    </tr>
  </table>

</body>

Popularity 8/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: border html html-table set

Link to this answer
Share Copy Link

Contributed on Nov 24 2022

Cuaresma, Pauline Y.

0 Answers Avg Quality 2/10

How to set border around specific rows in html table

Contents

More Related Answers

How to set border around specific rows in html table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.