Cool html table design using css

Cool HTML Table Design Using CSS

Cool HTML Table Design Using CSS

table {
    width:100%;
    color:#777;
    margin-bottom:20px;
    border-collapse: collapse;
    border-spacing: 0;
}
table thead tr th {
    font-weight:bold;
}
table tr {
    border-bottom:1px solid #C0C0C0;
}
table th, table td {
    padding:10px;
}
table tr:nth-child(odd) {
    background:#F8F8F8;
}
table tr:hover {
    background:#FFF6BF;
}
table thead tr, table thead tr:hover {
    background:none!important;
}
DEMO
Cool html table design using css Cool html table design using css Reviewed by Bhaumik Patel on 7:27 PM Rating: 5