Não entendi muito bem como ele pode formar o triangulo

Ricardo, qual é o título da aula?

Aula 5 - Aprimorando o Layout

Atividade 8 - Formas com Bordas

Ricardo, as bordas são divididas sempre na diagonal, quando não se possui conteúdo ou uma altura para o elemento, ele gera algo do tipo: http://css-plus.com/wp-content/uploads/2010/04/triangle-example.gif

Boa tarde Lincon, Em primeiro lugar, obrigado pela boa vontade em ajudar, mas eu devo ser bem lerdo mesmo kkk ainda não conseguir entender muito bem, na minha cabeça, ainda acho que era pra formar um quadrado, qual e o ponto de partida? Ele parte de onde? Coisa de doido isso :$ kkkkk

Boa tarde Ricardo, sem problemas eu demorei pra me acostumar com esta ideia também. Da uma olhada nesta animação feita pelo Chris Coyier sobre isso, talvez ajude a clarear: http://codepen.io/chriscoyier/pen/lotjh

Ele fez um artigo sobre isto também, mas está em inglês: https://css-tricks.com/snippets/css/css-triangle/

Basicamente é só você imaginar as bordas desaparecendo, assim como na animação. Recomendo também você tentar implementar isso e ir modificando as bordas pra você ver o que acontece.

Coloque todas as bordas num elemento, ai mude a cor de cada lado, depois deixe o elemento com 0 de altura de largura. Assim só vão ficar as bordas, depois só ir trocando as cores por "transparent".

Boa Lincon! Esclareceu minha dúvida, cara tava passando mal tentando entender como fazia isso kkkkk. Valeu!

Lincon Kusunoki, obrigado mesmo cara, consegui entende agora, ele só forma esse desenho, porque a largura e altura do quadrado é 0, ai todas as bordas se encontram, vlw msm cara abrass