CSS Demo
CSS Code
Output
<!DOCTYPE html> <html> <head> <style> .table_bg { width:40%; font-family:verdana; font-size:15px; color:#fff; padding: 10px; text-align:center; } .table_bg th{ border: solid 3px #fff000; background: linear-gradient(to right, #E9DC94, #3C514D, #4E7898); color: #fff; line-height:35px; } .table_bg td{ border: dashed 1px #DF7000; background: #D0E8AC; padding:10px; color: #000; } </style> </head> <body> <table class="table_bg"> <tr> <th>Name</th> <th>Age</th> <th>Salary</th> </tr> <tr> <td>Jim</td> <td>35</td> <td>$5000.00</td> </tr> <tr> <td>Anna</td> <td>24</td> <td>$3500.00</td> </tr> <tr> <td>Adams</td> <td>31</td> <td>$4000.00</td> </tr> <tr> <td>Adams</td> <td>31</td> <td>$4000.00</td> </tr> <tr> <td>Adams</td> <td>31</td> <td>$4000.00</td> </tr> </table> </body> </html>
Name
Age
Salary
Jim
35
$5000.00
Anna
24
$3500.00
Adams
31
$4000.00
Adams
31
$4000.00
Adams
31
$4000.00