Définir une image pour une balise d'élément de liste à l'aide d'une solution multi-navigateurs

Exemple d'analyse :

ul:

Quantity Définir le type de style de liste sur aucune marque de suppression d'élément de liste

weight Définir le remplissage et la marge sur 0px (compatibilité avec les navigateurs)

ul Tous Li in :

weight Définissez l'URL de l'image et configurez-la pour qu'elle ne soit affichée qu'une seule fois (pas de duplication)

weight Positionnez l'image là où vous en avez besoin (0px à gauche et 5px en haut et en bas)

● Utiliser le remplissage - L'attribut de gauche place le texte dans la liste


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> ul { list-style-type:none; padding:0px; margin:0px; } ul li { background-image:url("https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif"); background-repeat:no-repeat; background-position:0px 5px; padding-left:14px; } </style> </head> <body> <ul> <li>PHP</li> <li>JavaScript</li> <li>MySQl</li> </ul> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel