HTML CSS examples for CSS Widget:Table
Table Apply CSS
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> table {<!--from ww w .ja va 2 s .co m--> font-size:14px; border:2px solid Chartreuse; } table td, table th { padding:7px; } table th { background:yellow; color:blue; } table tbody tr { background:pink; } table tbody tr.row { background:OrangeRed; } </style> </head> <body> <table> <thead> <tr> <th>Lorem ip</th> <th>Lorem ip</th> <th>Lorem i</th> <th>Lorem </th> <th>Lorem i</th> <th>Lorem</th> <th>Lore</th> <th>Lore</th> </tr> </thead> <tbody> <tr class="row"> <td>Lorem i</td> <td>Lore</td> <td>Lor</td> <td>Lorem ipsum dol</td> <td>Lor</td> <td>L</td> <td>Lorem ipsu</td> <td>Lorem</td> </tr> <tr> <td>Lorem i</td> <td>Lore</td> <td>Lorem</td> <td>Lorem ipsum dol</td> <td>Lor</td> <td>L</td> <td>Lorem ipsu</td> <td>Lorem</td> </tr> <tr class="row"> <td>Lorem i</td> <td>Lore</td> <td>Lorem</td> <td>Lorem ipsum dol</td> <td>Lorem ipsu</td> <td>L</td> <td>Lorem ipsu</td> <td>Lorem</td> </tr> </tbody> </table> </body> </html>