a un trapecio para cubrir toda la pagina html y ponerle una imagen
a la figura con css.

Código:
#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; }