Comment faire un triangle en CSS ?

Réponses rédigées par Antoine
Dernière mise à jour : 2021-03-28 11:24:09
Thèmes : webmaster - html - css
Question

Comment faire un triangle en CSS sur une page HTML ?

Réponse

Pour faire un triangle en CSS, vous pouvez :

  • Créer une CLASS CSS et l'affilier à une balise <div>.
  • Définir les angles du triangle avec les propriétés border.
  • Utiliser les transparences pour dessiner le triangle.

Voici un exemple pour faire un triangle en CSS :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment faire un triangle en CSS ?</title>
<style>
.triangle {
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 100px solid blue;
}
</style>
</head>
<body>
<div class="triangle"></div>
</body>
</html>