Triangle CSS

Dessine un triangle avec des bordures CSS.

Dans le navigateur

Le triangle est dessiné dans cet onglet. Copiez le CSS dans votre feuille de style.

Taille

Direction

Couleur

À propos de cet outil

Dessinez un triangle CSS et copiez l’astuce de bordure.

Choisissez une direction, une taille et une couleur. La forme est une boîte vide dont les bordures se rejoignent. Le bord coloré est la face visible.

Ce n’est pas un SVG et il n’y a pas de fichier à télécharger. Changez la taille en pixels ici et copiez la nouvelle règle.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.

Dessinez un triangle CSS et copiez l’astuce de bordure.
Choisissez une direction, une taille et une couleur. La forme est une boîte vide dont les bordures se rejoignent. Le bord coloré est la face visible.
Ce n’est pas un SVG et il n’y a pas de fichier à télécharger. Changez la taille en pixels ici et copiez la nouvelle règle.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.

Dessinez un triangle CSS et copiez l’astuce de bordure.

Choisissez une direction, une taille et une couleur. La forme est une boîte vide dont les bordures se rejoignent. Le bord coloré est la face visible.

Ce n’est pas un SVG et il n’y a pas de fichier à télécharger. Changez la taille en pixels ici et copiez la nouvelle règle.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.