Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> table, table th, table td { border: 1px solid #cccccc; } thead th { width: 150px; border-bottom: solid 1px #000; font-weight: bold; } tbody:nth-child(odd) { background: #a8e3b6; border: solid 1px #000; } tbody:nth-child(even) { background: #c9d1cb; border: solid 1px #000; } </style> </head> <body> <table> <thead> <tr> <th>Day</th> <th>Month</th> <th>Order</th> </tr> </thead> <tbody> <tr> <td>1-10</td> <td>June</td> <td>20pcs</td> </tr> <tr> <td>11-20</td> <td>June</td> <td>20pcs</td> </tr> <tr> <td>21-30</td> <td>June</td> <td>20pcs</td> </tr> </tbody> <tbody> <tr> <td>1-10</td> <td>Jule</td> <td>50pcs</td> </tr> <tr> <td>11-20</td> <td>Jule</td> <td>50pcs</td> </tr> <tr> <td>21-31</td> <td>Jule</td> <td>50pcs</td> </tr> </tbody> <tbody> <tr> <td>1-10</td> <td>August</td> <td>100pcs</td> </tr> <tr> <td>11-20</td> <td>August</td> <td>100pcs</td> </tr> <tr> <td>21-31</td> <td>August</td> <td>100pcs</td> </tr> </tbody> </table> </body> </html>