Tables
Table borders
SOONHover table
| Първо име | Фамилия | Бонус |
|---|---|---|
| Георги | Иванов | 150 |
| Раян | Камаринчев | 300 |
| Деян | Костов | 200 |
td, th{
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
.hover-table tr:hover{
background-color: #0094aa;
}
.hover-table{
border-collapse: collapse;
}
Advanced color
| Име | Фамилия |
| Раян | Камаринчев |
|---|---|
| Борис | Петров |
| Алекс | Иванов |
advanced-table, .advanced-table th.{
border: 7px solid rgb(0, 0, 0);
}
.advanced-table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
.advanced-table th, .advanced-table td {
border: 3px solid rgb(0, 0, 0);
padding: 8px;
}
.advanced-table tr:nth-child(even)
{background-color: #0000003d;}
.advanced-table tr:hover
{background-color: #0094aa;}
.advanced-table td{
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #00aac4;
color: white;
}