Maison > Article > interface Web > Comment utiliser l'attribut CSS list-style-image
Comment utiliser l'attribut CSS list-style-image
- 青灯夜游original
- 2019-05-29 11:20:083521parcourir
L'attribut CSS list-style-image est utilisé pour spécifier une image comme indicateur pour les éléments de liste ordonnés ou non. La position du balisage de l'image est généralement contrôlée à l'aide de l'attribut list-style-position. Spécifiez toujours un attribut "list-style-type" au cas où l'image ne serait pas disponible.
Comment utiliser l'attribut css list-style-image ? L'attribut
list-style-image remplace le balisage d'un élément de liste par une image.
Syntaxe de base :
list-style-image:URL|none;
Valeur de l'attribut :
● URL : Le chemin d'accès à l'image.
● Aucun : par défaut. Aucun graphique n'est affiché.
Description : Cet attribut spécifie l'image en tant qu'indicateur d'élément de liste ordonné ou non ordonné. Généralement, la propriété list-style-position est utilisée pour contrôler le placement des images par rapport au contenu de l'élément de liste.
Remarque : Spécifiez toujours un attribut "list-style-type" au cas où l'image ne serait pas disponible. Tous les navigateurs prennent en charge l'attribut list-style-image.
Attribut css list-style-image Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul
{
list-style-image:url('sqpurple.gif');
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>
</html>Rendu :
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!