Tabele CSS. Divizoare orizontale. Proprietatea border-bottom. Tabel Hoverable. Selectorul :hover. Elementele th, td și tr.

Divizoare orizontale (Horizontal Dividers)



Adăugați proprietatea border-bottom la <th> și <td> pentru horizontal dividers:

Exemplu:

th, td {
  border-bottom: 1px solid #ddd;
}

Hoverable Table

Utilizați selectorul :hover pe <tr> pentru a evidenția rândurile de tabel cu mouse over:



Exemplu:

tr:hover {background-color: #f5f5f5;}