2 obrázky na pozadí v css

můj web

Chtěl bych dát na pozadí jednoho prvku více obrázků, třebaže:
prvek by byl šedý, a v rozích by byly 4 obrázky něco jako toto(ale co by fungovalo):
"
.prvek{
background-color:gray;
background-image: url(roh-rd.png);
background-position: right bottom;
background-repeat: no-repeat;

background-image: url(roh-ld.png);
background-position: left bottom;
background-repeat: no-repeat;


background-image: url(roh-rt.png);
background-position: right top;
background-repeat: no-repeat;


background-image: url(roh-lt.png);
background-position: left top;
background-repeat: no-repeat;

}
" jak to mám udělat?

To mě taky napadlo, ale zdá se mi to neprofesionální.

habendorf



le zdá se mi to neprofesionální

Mě se zase zdá neprofesionální psát pro jeden background čtyři řádky místo jednoho.


To byl pouze příklad, abych zvýraznil to, co vlastně chci.