CSS_Task1.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="./style_css_task1.css" rel="stylesheet" type="text/css" />
    <title>CSS Task 1</title>
  </head>
  <body>
    <table class="table1">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>80</td>
      </tr>
    </table>
    <br />
    <table class="table2">
      <tr>
        <td><p id="rcorners1"></p></td>
        <td><p id="rcorners2"></p></td>
        <td><p id="rcorners3"></p></td>
      </tr>
      <tr>
        <td>
          <p id="rcorners4"></p>
        </td>
        <td><p id="rcorners5"></p></td>
        <td><p id="rcorners6"></p></td>
      </tr>
      <tr>
        <td>
          <p id="rcorners7"></p>
        </td>
        <td><p id="rcorners8"></p></td>
        <td><p id="rcorners9"></p></td>
      </tr>
    </table>
  </body>
</html>