Maison > interface Web > tutoriel CSS > CSS : list-style-image définit une image en tant que balisage d'élément de liste en détail

CSS : list-style-image définit une image en tant que balisage d'élément de liste en détail

黄舟
Libérer: 2017-06-29 10:15:42
original
4869 Les gens l'ont consulté

L'attribut de list-style-image en CSS définit l'image comme balise d'élément de liste. Cet article présente en détail la définition et l'utilisation de list-style-image, la syntaxe de list-style-image et des exemples de list-style-image.

Le rôle de l'attribut list-style-image en CSS est de définir l'image comme marque d'élément de liste.

Exemple d'attribut list-style-image

Définissez l'image comme marque d'élément dans la liste :

ul
  {  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }
Copier après la connexion

définition et utilisation de list-style-image

L'attribut list-style-image remplace le balisage d'un élément de liste par une image.

Description

Cet attribut spécifie une image qui sert de symbole pour un élément de liste ordonné ou non ordonné. Le placement de l'image par rapport au contenu de l'élément de liste est généralement contrôlé à l'aide de l'attribut list-style-position.

Remarque : spécifiez toujours un attribut "list-style-type" au cas où l'image ne serait pas disponible.

CSS : list-style-image définit une image en tant que balisage délément de liste en détail

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal