WD5 - разработка сайтов

Как сделать полосатую таблицу, чтобы строки при проведении мышкой выделялись

Делается это с помощью css стилей, а именно добавляем стиль для таблицы и строк, при этом все таблицы будут форматироваться автоматически, дополнительных стилей и тегов задавать не нужно


/* Tables */
table {
border-collapse : collapse;
text-align:left;
margin : 0 0 20px 0;
width : 100%;
}
tr:nth-child(odd) {
background : #FFF;
}
tr:nth-child(even) {
background : #DDD;
}
tr:hover td {
background : #0099CC;
color : #FFF;
}
td, th {
min-width : 120px;
padding : 0 5px;
vertical-align:top;
}
th {
background : #FFF;
border-bottom : 2px solid #0099CC;
color : #666;
font-size : 10px;
font-weight : bold;
}
td {
border-bottom : 1px solid #CCC;
font-size : 10px;
}
None
Яндекс.Метрика