Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <title>Styled Table Example</title> <style> body { font-family: sans-serif; margin: 20px; } .styled-table { width: 100%; border-collapse: collapse; font-size: 16px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 8px; /* Requires overflow: hidden to work with collapsed borders */ overflow: hidden; } .styled-table thead tr { background-color: #009879; color: #ffffff; text-align: left; } .styled-table th, .styled-table td { padding: 12px 15px; border-bottom: 1px solid #dddddd; } .styled-table tbody tr:hover { background-color: #f5f5f5; } </style> </head> <body> <table class="styled-table"> <thead> <tr> <th scope="col">Name</th> <th scope="col">Department</th> <th scope="col">Role</th> </tr> </thead> <tbody> <tr> <td>Ainsley Walker</td> <td>Engineering</td> <td>Senior Developer</td> </tr> <tr> <td>Kelley Stone</td> <td>Marketing</td> <td>Content Strategist</td> </tr> <tr> <td>Brady Myers</td> <td>Sales</td> <td>Account Executive</td> </tr> </tbody> </table> </body> </html>
