<table> <tr> <th>a1</th> <th>a2</th> <th>a3</th> <th>a4</th> <th>a5</th> </tr> <tr> <td>b1</td> <td>b2</td> <td>b3</td> <td>b4</td> <td>b5</td> </tr> </table> <style> table { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; } tr:nth-child(even) { background-color: #333; color: #ddd; } tr:nth-child(odd) { background-color: #222; color: #ddd; } tr:hover { background-color: #444; } th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #1e1e1e; color: white; } </style>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter