Horje
How to create HTML Dotted Table Borders

With the border-style property, you can set the appearance of the border.

     
     
     

The following values are allowed:


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
Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_border_dotted





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

Single Articles
Full Example of HTML Dotted Table BordersHTML Table Borders

Read Full:
HTML Table Borders
Category:
Web Tutorial
Sub Category:
HTML Table Borders
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
31



Share on: