Dettaglio Knowledge Base

Creare dei triangoli con il css

E' possibile creare delle figure geometriche da usare nelle pagine web senza usare alcuna immagine, semplicemente con i CSS.

Per creare un triangolo con la base in basso di 100px colorato di blu basta impostare un div con i seguenti stili:

width: 0;

height: 0;

border-bottom: 100px solld #0060A0

border-left: 50px solid transparent

border-right: 50px solid transparent

 Qui sotto una demo funzionante.