Snelle tip meerdere randen met eenvoudige CSS

Wist je dat we meerdere grenzen kunnen bereiken met eenvoudige CSS, door de :na amd :voor pseudo-klassen? Dit heb ik onlangs zelf geleerd! Ik zal je laten zien hoe je binnen een paar minuten meer diepte aan je ontwerpen kunt toevoegen, zonder afbeeldingen.

Abonneer u op onze YouTube-pagina om alle videozelfstudies te bekijken! Bekijk deze video liever op Screenr?

Eindcode

     Multi-Borders    

Kortom, elke browser die het ondersteunt :voor en :na psuedo-elementen (alle belangrijke browsers) kunnen van dit effect profiteren. Natuurlijk zijn er alternatieven, waaronder het gebruik van box-shadow, evenals het toevoegen van extra mark-up aan de pagina; dit is echter een schone oplossing die u zeker moet overwegen. Bedankt voor het kijken!