1
resposta

Como criar esse design de borda no CSS ?

Olá, bom dia! tudo bem?

Preciso de uma ajudinha com ideias para criar esse layout de borda no CSS: Moldura de borda

É possível criar essa borda apenas utilizando CSS? Não gostaria de cria-la como imagem, pois não ficará responsívo.

Alguma ideia? Tutorial? Ajuda?

Obrigada

1 resposta

Tem um jeito simples e um jeito mais complexo

O simples funciona se o fundo da sua página é uma cor solida.

Aí vc cria um bloco com position relative e dois vazios com altura e largura desses quotes, com position absolute um no topo esquerdo e outro no fundo direito com os backgrounds.

Outra maneira seria com divs no topo, fundo e laterais com tamanhos relativos e posicoes absolutas.

Mais uma maneira ainda seria utilizar svg para criar os elementos.

Abraços e bons estudos