Horje

Full Example of HTML Dotted Table Borders

index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
th, td {
  border-style: dotted;
}
</style>
</head>
<body>

<h2>Table With Dotted Borders</h2>

<p>Use the CSS border-style property to set the style of the borders.</p>

<table style="width:100%">
  <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>

</body>
</html>

Output should be:

Full Example of HTML Dotted Table Borders



Single Articles
Full Example of HTML Dotted Table BordersHTML Table Borders


Related Articles
What is HTML Table Borders HTML Table Borders
How To Add a Border in HTML Table HTML Table Borders
How to create HTML Collapsed Table Borders HTML Table Borders
How to Create Style HTML Table Borders HTML Table Borders
How to create Round HTML Table Borders HTML Table Borders
How to create HTML Dotted Table Borders HTML Table Borders
How to add HTML Table Border Color HTML Table Borders

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Table Borders
Uploaded by:
Admin