Skip to main content
1 de 2
mgibsonbr
  • 82,6mil
  • 22
  • 186
  • 334

A partir do CSS3, é possível fazer isso por exemplo através de bordas transparentes:

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.

mgibsonbr
  • 82,6mil
  • 22
  • 186
  • 334