🥇 Bordas de gradiente CSS3 falsas

Acontece que você pode falsificar algumas belas bordas de gradiente com as pseudo tags: before e: after CSS3!

Truques para lembrar:

O div para receber as bordas deve ter algum positionatributo diferente do padrão. Gosto position: relativeporque não modifica o posicionamento padrão do CSS do elemento, mas permite que os subelementos sejam posicionados em relação a si mesmo.
Os pseudo-elementos devem ser usados position: absolutee esse posicionamento absoluto será absoluto em relação ao div para o qual você está tentando criar as bordas .
Divirta-se muito enquanto faz isso.