3.
<style type="text/css">
.Caja {
float:left;
width:200px;
height:200px;
margin-right:20px;
border-radius:4px;
border:1px solid #999;
}
.EjemploLinearRepetitivo {
background:-webkit-repeating-linear-gradient(rgb(0, 255, 0) 0%, rgb(0, 100, 0) 10%);
background:-moz-repeating-linear-gradient(rgb(0, 255, 0) 0%, rgb(0, 100, 0) 10%);
background:-o-repeating-linear-gradient(rgb(0, 255, 0) 0%, rgb(0, 100, 0) 10%);
background:repeating-linear-gradient(rgb(0, 255, 0) 0%, rgb(0, 100, 0) 10%);
}
</style>
<div class='Caja EjemploLinearRepetitivo'></div>
/https%3A%2F%2Flh3.googleusercontent.com%2F-drj07eUI7IQ%2FWfshPpdTtLI%2FAAAAAAADOm4%2FTd99GxjOCOENdzzPzZLDN5FnnBj4D7NSgCJoC%2Fw320-h240-rw%2F17.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-6eSJcfFteoM%2FWfsidlbFYVI%2FAAAAAAADOrE%2Fj2oNYgt8VzE4jsWh8vwdiBuDNlFKZlGMwCJoC%2Fw292-h468-rw%2F20a.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-Z71wS6lOmNE%2FWfyAV46cGSI%2FAAAAAAADOxM%2FzuCej6ophBAa0HTDh4C7GzB-lh0h0fYTQCJoC%2Fw356-h555-rw%2F2.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-GgWdAE3rGjI%2FWfyQTJujPRI%2FAAAAAAADO0w%2FJPSejYaMeFcu9oHRK1G1NLPYVRp9w30eACJoC%2Fw360-h540-rw%2F1.gif)