Comment puis-je ajuster la position d'une image de style liste ?

Ajustements de position pour List-Style-Image

Question :

La position de une image de style liste doit-elle être modifiée ? Si oui, comment puis-je le faire ?

Réponse :

Ajuster la position d'une image de style liste à l'aide d'un remplissage sur les éléments de la liste n'est pas réalisable. En effet, le remplissage affecte principalement le contenu de l'élément de liste, laissant l'image intacte.

Pour obtenir un effet similaire, une combinaison de styles d'arrière-plan et de remplissage peut être utilisée :

li {
  background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */
  padding: 3px 0px 3px 10px;
  /* Optional: Reset styles */
  list-style: none;
  margin: 0;
}

Alternativement, le style peut être appliqué au conteneur de liste parent (ul) pour positionner les éléments de la liste à puces. L'article A List Apart référencé ci-dessous fournit des informations précieuses à cet égard :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!