Formas com bordas div { border-left: 10px solid red; border-right: 10px solid red; width: 5px; height: 30px; } e este aqui também!
div { border-bottom: 30px solid red; border-left: 30px solid transparent; border-right: 30px solid transparent; width: 0; }
hoje, com a Alura e o Google Gemini
A tarefa sugere que você faça isso localmente(na sua máquina) para exercitar e treinar. Não é necessário informar a solução posteriormente.
Oi Abner.
É como o Thiago disse, isso é um exercício. A ideia desse exercício é algo à parte do site/blog que você está desenvolvendo. O que o instrutor mostra ali é que é possível criarmos diversas formas utilizando HTML e CSS apenas. Se quer ver essas formas, crie um HTML separado, crie uma div como o instrutor orienta e alterne os CSSs propostos para estilar essa div. O primeiro exemplo desenha um sinal de pause e o segundo desenha um triângulo.
Caso queira brincar mais e tentar fazer o seu, no final desse exercício o instrutor propõe que você tente desenhar um elemento que se parece com uma gravata borboleta e um que seja um triângulo com um ângulo reto.
Olá! Não se esqueça de linkar o seu código html com o css. Eu estava errando nisso...rs Coisa de iniciante