Skip to main content

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}
tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

Exemplo

OBS: São propriedades do CSS3 e não funcionam em navegadores mais antigos.

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

OBS: São propriedades do CSS3 e não funcionam em navegadores mais antigos.

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

OBS: São propriedades do CSS3 e não funcionam em navegadores mais antigos.

Observação relevante sobre o não funcionamento em navegadores antigos.
Fonte Link

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

OBS: São propriedades do CSS3 e não funcionam em navegadores mais antigos.

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo

OBS: São propriedades do CSS3 e não funcionam em navegadores mais antigos.

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

A solução pode ser simplesmente com CSS usando:

tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}

Exemplo