segunda-feira, 18 de outubro de 2010

HTML 5 CSS3 - Marcadores de texto!


Bom pessoal trago aqui mais uma de muitas funcionalidades do HTML5 que é fazer marcadores veja como é simples a source do CSS
<style>
.row:nth-child(even) {
  background: #AB9DF9;
}
.row:nth-child(odd) {
  background: #B9FFC7;
}
</style>
  <div class="row">
Linha 0</div>
<div class="row">
Linha 1</div>
<div class="row">
Linha 2</div>
<div class="row">
Linha 3</div>
<div class="row">
Linha 4</div>
<div class="row">
Linha 5</div>
<div class="row">
Linha 6</div>
<div class="row">
Linha 7</div>
<div class="row">
Linha 8</div>
<div class="row">
Linha 9</div>
Como podem ver é muito simples basta declarar a classe em qual quer tag que o CSS se responsabiliza em realizar o restante da tarefa!

Linha 0
Linha 1
Linha 2
Linha 3
Linha 4
Linha 5
Linha 6
Linha 7
Linha 8
Linha 9

Nenhum comentário:

Postar um comentário

Related Posts with Thumbnails