New
Open/Save
Download
View Source
Packages
PHP Bundle
Save 60%+
All our PHP scripts
PHP
Innovative PHP packages
Python
Advanced Python packages
Node.js
Advanced Node.js packages
Back to Snippets
HTML Styling Tables Example
This example will show you how to style HTML tables with CSS.
#table
/
HTML
*
CSS
()
JS
Output
Live Updates
table { border-collapse: collapse; font-family: Tahoma, Geneva, sans-serif; } table td { padding: 15px; } table thead td { background-color: #54585d; color: #ffffff; font-weight: bold; font-size: 13px; border: 1px solid #54585d; } table tbody td { color: #636363; border: 1px solid #dddfe1; } table tbody tr { background-color: #f9fafb; } table tbody tr:nth-child(odd) { background-color: #ffffff; }
<table> <thead> <tr> <td>Name</td> <td>Gender</td> <td>Age</td> </tr> </thead> <tbody> <tr> <td>David</td> <td>Male</td> <td>23</td> </tr> <tr> <td>Jessica</td> <td>Female</td> <td>47</td> </tr> <tr> <td>Warren</td> <td>Male</td> <td>12</td> </tr> </tbody> </table>
