2
respostas

[Dúvida] Como colocar uma imagem como borda no CSS?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Tentei com esses recursos mais não deu certo. Precisa colocar a imagem no HTML também?

2 respostas

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: Insira aqui a descrição dessa imagem para ajudar na acessibilidade