html_css

1
.list {
2
    margin: 0;
3
    padding: 0;
4
    list-style: none;
5
}
6
.list li {
7
    margin-bottom: 8px;
8
    border-bottom: 1px solid grey;
9
}
10
.table {
11
    width: 100%;
12
}
13
.table td {
14
    text-align: center;
15
    padding-bottom: 10px;
16
}
17
.table td:hover{
18
    background: #eeefff;
19
}
20
/*подсветить каждую четную строку*/
21
.table tr:nth-child(even) {
22
    background: #eee;
23
}
24
/* неченый */
25
/*.table tr:nth-child(odd) {
26
    background: #eee;
27
}*/
28
/* Подсветить столбец */
29
.table td:nth-child(2), .table td:nth-child(4){
30
    background: #fffeee;
31
}
32
.navbar {
33
    background: lightcoral;
34
    /*padding: 10px 20px;*/
35
    margin-bottom: 10px;
36
}
37

38
.navbar ul {
39
    list-style: none;
40
    margin: 0;
41
    padding: 0;
42
    display: flex;
43
    padding: 0 20px;
44
}
45

46
.navbar ul li {
47
    margin-right: 10px;
48
    padding: 10px;
49
}
50

51
.navbar ul li:hover {
52
    background: #ea6767;
53
}
54
.navbar ul li:last-child {
55
    margin-right: 0px;
56
}