Skip to main content
added 31 characters in body
Fonte Link
mgibsonbr
  • 82,6mil
  • 22
  • 186
  • 334

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.

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.

É 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.

Fonte Link
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.