The Demo
The Code
Output
<!DOCTYPE html> <html> <head> <style> table { border: 1px solid #008000; } tr:nth-child(odd) { background-color: #121212; color:#fff; } th{ background-color: #fff; color:#000; border: 1px solid #000; } </style> </head> <body> <div > <h3>Striped Table with basic CSS Example</h2> <table class="table table-striped"> <thead> <tr> <th>Month</th> <th>Number of Sales</th> <th>Amount</th> </tr> </thead> <tbody> <tr> <td>Jan</td> <td>105</td> <td>$15,000.00</td> </tr> <tr> <td>Feb</td> <td>95</td> <td>$12,000.00</td> </tr> <tr> <td>Mar</td> <td>150</td> <td>$20,000.00</td> </tr> <tr> <td>Apr</td> <td>50</td> <td>$30,000.00</td> </tr> <tr> <td>May</td> <td>80</td> <td>$15,000.00</td> </tr> <tr> <td>Jun</td> <td>110</td> <td>$22,000.00</td> </tr> </tbody> </table> </div> </body> </html>
Striped Table with basic CSS Example
Month
Number of Sales
Amount
Jan
105
$15,000.00
Feb
95
$12,000.00
Mar
150
$20,000.00
Apr
50
$30,000.00
May
80
$15,000.00
Jun
110
$22,000.00