je suis pas bien sûr de comprendre la demande, ta première image est inaccessible et la deuxième ressemble plutôt à un bottom-right.
Toutefois il existe des styles CSS qui pourraient te convenir (toujours pas sûr, à toi de voir) :
- :first-child/:last-child/:nth-child(x) pour atteindre différents éléments d'une liste de balises (comme te LI) si tu veux mettre des images spécifiques.
- border-radius/border-top-left-radius/[..] (+moz, webkit ...) pour les angles arrondis (sans image),
- linear-gradient/radial-gradient [..] pour des dégradés de couleur (sans image).