*{margin:0px; padding:0px; } .tablelayout{ width:80%; margin:auto; background:#cccccc6b; border:2px solid #CCC; } .responstable{ width:100%; } .theadding{ background:#06C; height:40px; color:#fff; line-height:40px; font-size:20px; text-align:center; } .thead{background:#14171b; color:#fff; height:40px; font-size:16px; } tr:nth-child(even){background:#d2d2d2; color:#000; height:40px; font-size:16px; } tr:nth-child(odd){background:#9CF; color:#000; height:40px; font-size:16px; } td{ padding:5px; } a{ color:#000; } a:hover{ color:#00C; } .sunil{ padding:5px; } .css-serial { counter-reset: serial-number; /* Set the serial number counter to 0 */ } .css-serial td:first-child:before { counter-increment: serial-number; /* Increment the serial number counter */ content: counter(serial-number); /* Display the counter */ }