A partir do CSS3, éÉ possível fazer isso por exemplo através de bordas transparentes (não sei ao certo se estão disponíveis pré-CSS3):
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid black;
Exemplo no jsFiddle. Fonte: css-tricks.com
Ou seja, em vez de você atribuir width
, height
e background
, você utiliza border-left
e border-right
- transparentes, um com zero e o outro com a largura desejada - e border-bottom
- com a altura desejada e a cor de fundo.