Creating a table with rounded corners

Here the css has the code for the rounded corner.

You call the table class in the html whenever you want the round corner.

<!DOCTYPE html>
 <style type=text/css>
 .rounded_edges {
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid black;

  <table class="rounded_edges">
  <th>Head 1</th>
  <th>Head 2</th>
  <th>Head 3</th>
 <td>Cell 1-1</td>
 <td>Cell 1-2</td>
 <td>Cell 1-3</td>
 <td>Cell 2-1</td>
 <td>Cell 2-2</td>
 <td>Cell 2-3</td>


Leave a Comment

Your email address will not be published. Required fields are marked *