Trataré de explicar mejor lo que quiero:
Tengo una lista y hago que se alinie de manera horizontal,algo como un menu, ya saben pero sin elementos descendientes y le he puesto una imagen de fondo alineada a la derecha para que se vea la separación, pero una vez hecho eso solo se ve como un rectángulo o un bloque con texto. En la imagen que subí detallo que al final se ve el rectángulo y yo quisiera que se vea como un romboide
Así lo tengo, la imágen es solo la línea en diagonal con fondo transparente alineada a la derecha y al agregarle el color de fondo rellena todo el elemento <li> haciendo que se vea un rectángulo con una línea diagonal al final.
Lo tengo así:
Código:
------------------------------------------------------------
| / | / | / |
| / | / | / |
------------------------------------------------------------
Y lo quiero así:
Código:
--------------------
/ /
/ /
/ /
----------------------
Pero la imagen que uso tiene fondo transparente pero no se que tengo que hacer para que se vea como yo quiero.