css Créer un bandeau avec flèche inversée...

Jean-Pierre

Membre
Bonjour à toutes et à tous,

J'ai vu sur un site des petits bandeaux avec une sorte de flèche inversée au bout et je n'arrive pas à les reproduire, pouvez-vous m'aider ?
voici un exemple de bandeau (en rouge)

Capture d’écran 2021-01-14 141727.png


Malheureusement je ne retrouve plus le site en question et j'ai pas pensé à regarder sur la console les propriétés css utilisées.
Donc voilà si vous avez des pistes.
 
  Solution
Salut,
Essaye ça
HTML
<span class="arrow"></span>
CSS
.arrow {
  float: left;
  border-style: solid;
  border-width: 11px 5px 11px 10px;
  margin: -1px -15px -5px 0px;
  height: 1px;
  width: 0px;
  border-color: #dd3333 transparent #dd3333 #dd3333;
}

Ces discussions pourraient vous intéresser...

  • Résolue
Salut, J'ai une erreur PHP que je n'arrive pas à résoudre, voici le code simplifié <!DOCTYPE html> <html> <head> <title>Cours PHP & MySQL</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Titre</h1>...
  • Résolue
Hello, Je voulais tester un peu node.JS et je l'ai donc installé sur mon Win 10, l'installation s'est bien passé. Par contre quand j'essaie de faire tourner un petit code simple qui permet de créer un serveur, je l'ai enregistré sous serveur.js var http = require('http')...
J'ai un petit souci avec l'examen Page speed de Google qui obtient un mauvais résultat à cause de ressources JavaScript qui bloquent le rendu. Donc dans mon cas, il y a bien un script JS qui est appelé dans le header de mon fichier HTML. J'ai tenté de faire un defer puis un async mais le...
Haut