Estilização

Gradiente repetido

Exemplos

div { 
background-image: 
linear-gradient(
  to right, black, white 10px, black 20px
); 
}

div { 
background-image: 
repeating-linear-gradient(
 to right, black, white 10px, black 20px
);
}

div { 
  background-image: 
  radial-gradient(
  50% 50% ellipse, black, white 10px, 
  black 20px
  ); 
}

div { 
background-image: 
repeating-radial-gradient(
  50% 50% ellipse, black, white 10px, 
  black 20px
);
}
div { 
background-image: 
repeating-linear-gradient(
 -45deg, black, white 2px, black 5px, 
 white 20px
);
}
div { 
background-image: 
repeating-radial-gradient(
  100% 50% ellipse, black, white 10px, 
  black 20px
);
}
Site de apoio ao livro HTML5 e CSS3 do Maujor