Beautiful css Table

Table are used to arrange or manage the data.

<table class="table1"> <thead> <tr><td>S No</td><td>First Name</td><td>Last Name</td><td>Email</td></tr> </thead> <tbody> <tr><td>1</td><td>abc</td><td>def</td><td>yourmail@email.com</td></tr> <tr><td>2</td><td>abc</td><td>def</td><td>yourmail@email.com</td></tr> <tr><td>3</td><td>abc</td><td>def</td><td>yourmail@email.com</td></tr> <tr><td>4</td><td>abc</td><td>def</td><td>yourmail@email.com</td></tr> <tr><td>5</td><td>abc</td><td>def</td><td>yourmail@email.com</td></tr> </tbody></table> .table1 thead tr { width: 600px; border-collapse:collapse; background: #F36; color: #fff; border: none; } .table1 thead td { padding: 8px 16px; } .table1 tr { border-bottom: 1px solid #CACACA; } .table1 td { padding: 5px 20px }