Tentei com esses recursos mais não deu certo. Precisa colocar a imagem no HTML também?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Tentei com esses recursos mais não deu certo. Precisa colocar a imagem no HTML também?
Olá Daissa, tudo bem? Espero que esteja gostando do curso até agora!
Sobre a sua dúvida, é possível sim colocar uma imagem como borda no CSS. Para isso, você precisa utilizar a propriedade border-image. Essa propriedade permite que você defina uma imagem para ser utilizada como borda.
Para utilizar essa propriedade, é necessário definir a imagem que será utilizada, a largura da borda e a forma como a imagem será repetida. Veja um exemplo:
border-image: url(caminho/para/imagem.png) 30 round;Nesse exemplo, a imagem imagem.png será utilizada como borda, com largura de 30 pixels e repetida de forma arredondada.
É importante lembrar que a imagem precisa estar disponível no caminho especificado. Se ela estiver em uma pasta diferente do seu arquivo CSS, você precisa especificar o caminho correto.
Espero ter ajudado! Se tiver mais alguma dúvida, é só perguntar. Bons estudos!
Fiz exatamente assim. E a imagem esta na mesma pasta que meu arquivo CSS. Abri o console do navegador e mostra o seguinte erro:
