table#sinine{
    border: 1px solid blue;
    width: 30%;
    height: 200px;
}
table#sinine td{
    border: 1px solid blue;
    text-align: center;
}
table#punane{
    border: 1px solid red;
    width: 40%;
    height: 200px;
    border-collapse: collapse;
}
table#punane td{
    border: 1px solid red;
    text-align: center;
<br>
}
table#roheline{
    border: 1px solid green;
    width: 20%;
    height: 100px;
    border-collapse: collapse;
}
table#roheline td{
    border: 1px solid green;
    text-align: center;
<br>
}
/*pseudoelementide kasutamine*/
/*1. rida, 1. lahter*/
table#sinine tr:nth-child(1) td:nth-child(1){
    background-color: red;
}
/*1. rida, 2. lahter*/
table#sinine tr:nth-child(1) td:nth-child(2){
    background-color: yellow;
}
/*2. rida*/
table#sinine tr:nth-child(2) {
    background-color: gray;
}
/*Lilla tabeli outline/border------------------*/
table#lilla{
    border: 1px solid purple;
    width: 35%;
    height: 250px;
    border-collapse: collapse;
}
table#lilla td{
    border: 1px solid purple;
    text-align: center;
<br>
}
/*Lilla tabeli värvimine----------------------*/
table#lilla tr:nth-child(1) td:nth-child(1){
    background-color: red;
}
/*1. rida, 2. lahter*/
table#lilla tr:nth-child(1) td:nth-child(2){
    background-color: #7bff00;
}
/*2. rida, 1. lahter*/
table#lilla tr:nth-child(2) td:nth-child(1){
    background-color: #00a6ff;
}
/*2. rida, 2. lahter*/
table#lilla tr:nth-child(2) td:nth-child(2){
    background-color: #ac3fff;
}
/*3. rida, 1. lahter*/
table#lilla tr:nth-child(3) td:nth-child(1){
    background-color: #ff3fdf;
}
/*3. rida, 2. lahter*/
table#lilla tr:nth-child(3) td:nth-child(2){
    background-color: #ff8a30;
}
/*3. rida, 3. lahter*/
table#lilla tr:nth-child(3) td:nth-child(3){
    background-color: #6430ff;
}
/*4. rida, 1. lahter*/
table#lilla tr:nth-child(4) td:nth-child(1){
    background-color: #30ffe0;
}
/*4. rida, 2. lahter*/
table#lilla tr:nth-child(4) td:nth-child(2){
    background-color: #ff3078;
}
/*HINDELINE TÖÖ*/
table#iseseisev{
    border: 1px solid purple;
    width: 30%;
    height: 250px;
    border-collapse: collapse;
}
table#iseseisev td{
    border: 1px solid purple;
    text-align: center;
<br>
}