1<head><style>
2p.dotted {border-style: dotted;}
3p.dashed {border-style: dashed;}
4p.solid {border-style: solid;}
5p.double {border-style: double;}
6p.groove {border-style: groove;}
7p.ridge {border-style: ridge;}
8p.inset {border-style: inset;}
9p.outset {border-style: outset;}
10p.none {border-style: none;}
11p.hidden {border-style: hidden;}
12p.mix {border-style: dotted dashed solid double;}
13</style></head>
14<p class="dotted">A dotted border.</p>
1<table border>
2 <thead>
3 <tr>
4 <td>To</td>
5 <td>date</td>
6 <td>message</td>
7 </tr>
8 </thead>
9 <tbody>
10 <tr>
11 <td>Join</td>
12 <td>24/02/2021 13:00 PM</td>
13 <td>Thank you for share your pen with me</td>
14 </tr>
15 <tr>
16 <td>Harry</td>
17 <td>24/02/2021 13:00 PM</td>
18 <td>Thank you for share your magic wand with me</td>
19 </tr>
20 </tbody>
21</table>