Suggerimento rapido più bordi con CSS semplice

Sapevi che possiamo ottenere più confini con semplici CSS, usando il :dopo amd :prima pseudo-classi? Questo è qualcosa che ho imparato da poco! Ti mostrerò come aggiungere più profondità ai tuoi progetti, senza immagini, in pochi minuti.

Iscriviti alla nostra pagina YouTube per guardare tutti i tutorial video! Preferisci guardare questo video su Screenr?

Codice finale

     Multi-Borders    

In breve, qualsiasi browser che supporti il :prima e :dopo psuedo-elementi (tutti i principali browser) possono trarre vantaggio da questo effetto. Certamente, ci sono alternative, incluso l'uso di box-ombra, oltre ad aggiungere ulteriore mark-up alla pagina; tuttavia, questa è una soluzione pulita che dovresti assolutamente prendere in considerazione. Grazie per la visione!