Skip to main content
Tweeted twitter.com/StackOverflowPT/status/715760941195988993
inserir código
Fonte Link
Bernardo Kowacic
  • 583
  • 2
  • 10
  • 31

Olá, gostaria de saber se é possível fazer uma lista quadriculada, como a da imagem abaixo, apenas com css (favor desconsiderar linhas azuis):

eu achei a função nth-child do css, mas consegui apenas fazer isso:

.box_parceiro:nth-child(odd) { background-color: $cinza_noticia_home; } 

<ul>
    <li class="col-md-3 col-sm-6 col-xs-12 box_parceiro" ng-repeat="i in vm.repeat(12) track by $index" >
         <h1>ARLETE MARIA SIMON</h1>
         <br>
         <p>
             Peritiba/SC<br>
             (49) 3453-1335<br>
             [email protected]
         </p>
     </li>
 </ul>

Olá, gostaria de saber se é possível fazer uma lista quadriculada, como a da imagem abaixo, apenas com css (favor desconsiderar linhas azuis):

eu achei a função nth-child do css, mas consegui apenas fazer isso:

.box_parceiro:nth-child(odd) { background-color: $cinza_noticia_home; }

Olá, gostaria de saber se é possível fazer uma lista quadriculada, como a da imagem abaixo, apenas com css (favor desconsiderar linhas azuis):

eu achei a função nth-child do css, mas consegui apenas fazer isso:

.box_parceiro:nth-child(odd) { background-color: $cinza_noticia_home; } 

<ul>
    <li class="col-md-3 col-sm-6 col-xs-12 box_parceiro" ng-repeat="i in vm.repeat(12) track by $index" >
         <h1>ARLETE MARIA SIMON</h1>
         <br>
         <p>
             Peritiba/SC<br>
             (49) 3453-1335<br>
             [email protected]
         </p>
     </li>
 </ul>

Fonte Link
Bernardo Kowacic
  • 583
  • 2
  • 10
  • 31

Fazer uma lista quadriculada HTML

Olá, gostaria de saber se é possível fazer uma lista quadriculada, como a da imagem abaixo, apenas com css (favor desconsiderar linhas azuis):

eu achei a função nth-child do css, mas consegui apenas fazer isso:

.box_parceiro:nth-child(odd) { background-color: $cinza_noticia_home; }