• Joe
  • Jack
  • William
  • Averell

Utilisation du pseudo élément CSS :before pour modifier l’apparence des listes à puces <li> HTML .

<div id="container">
  <ul>
     <li>Joe</li>
     <li>Jack</li>
     <li>William</li>
     <li>Averell</li>
  </ul>
</div>
#container ul {
  list-style: none;
  padding-left:10px;
}
#container li {
    padding-left: 1em;
    text-indent: -.7em;
    padding-bottom:5px;
}

#container li:before {
    content: ">>  ";
    font-size:.7em;
    color: #e5232b;
}

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.