[Résolu] Comment entourer les numéros d'une liste d'un cercle coloré ?

Bonjour,

J'aimerais, pour décrire une procédure de calcul, pouvoir entourer les numéros d'une liste ol d'un cercle dont je puisse avoir la maîtrise de la taille, de l'épaisseur du trait et de la couleur de celui-ci, le numéro devant être affiché sans point.

Merci d'avance pour vos réponses

En arrondissant les angles, cela devrait le faire :

<div id="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

#container > div {
  display: inline-block;
  padding: 0.5rem;
  border: 5px solid green;
  border-radius: 50%;
}

Merci bazooka de ta réponse,
Mais j'aimerais utiliser une liste numérotée <ol>.
Le numéro que je souhaite entourer est celui de chaque item <li>.

Bonjour,
Il faut commencer par supprimer les numéros par défaut, il me semble qu'il n'y a rien pour les manipuler. Tout au plus, on peut changer le système de numérotation.
Ensuite avec 'counter', on est beaucoup plus libre...

https://codepen.io/bazooka07/pen/wXeMoR

Hello,

Voilà comment faire (vers la fin) : https://www.alsacreations.com/article/lire/1210-donnez-du-style-a-vos-listes.html

Bonne journée

Magnifique !
Merci à vous trois, et encore plus à Raphaël, qui me fait l'honneur de s'intéresser à mon sujet.

Bonne et fructueuse journée !

Borcade a écrit :
encore plus à Raphaël, qui me fait l'honneur de s'intéresser à mon sujet.

Tu vas pouvoir imprimer ce sujet et l'encadrer au dessus de la cheminée !
@Raphael vous pourrez lui dédicacer s'il vous plait ?

Ça tombe bien ! J'ai des cheminées chez moi.