background-image in 3 teilen und halbtransparenten .PNGs

[moooo]

Die mit ::before/::after erzeugten Pseudo-Elemente kannst du dann vom Prinzip genauso wie die von MrSchmidtdtdt empfohlenen zusätzlichen div-Elemente stylen.
Du musst nur bedenken, dass diese nicht vor und nach dem Element eingefügt werden, sondern als erstes bzw. letztes _in_ diesem Element. D.h. du müsstest die noch mit negativen margins oder position relative/absolute außerhalb positionieren.

Okay, das habe ich verstanden. Nur gibt es - wenn ich das richtig erkannt habe - keinen Vorteil gegenüber der Variante mit 3 separaten <div>s, oder?
Eventuell spart man sich im HTML etwas Code mit den Pseudo-Elementen, aber im CSS wird das mit den ganzen negativ-margins etc wieder ausgeglichen.
Oder lieg ich da falsch?

grüße
moooo