ciao a tutti io ho un div che in line torica vorrei che avesse un background con una specifica immagine nella parte alta e bassa del div (che non sn ripetute) e nel mezzo una terza immagine che viene ripetuta lungo l'asse y



io ho pensato a questa possibile soluzione ma ci vogliono molti div.... quindi volevo sapere se è possibile sostituirli in qualke modo magari riunire in un unica classe

codice:
<style type="text/css">

.bigboxtop{
	background-image:url(/img/bigboxtop.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.bigboxbot{
	background-image:url(/img/bigboxbot.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.bigboxrep{
	background-image:url(/img/bigboxrep.png);
	background-repeat:repeat-y;
	background-position:top center;
}
</style>

<div class="bigboxrep"> <div class="bigboxtop"> <div class="bigboxbot">
testo
</div></div></div>