" en HTML pour définir les éléments de la liste et enfin utilisez l'attribut "list-style" en CSS pour définir le style de la liste ; ."/> " en HTML pour définir les éléments de la liste et enfin utilisez l'attribut "list-style" en CSS pour définir le style de la liste ; .">

Maison  >  Article  >  interface Web  >  Comment définir la liste d'éléments CSS

Comment définir la liste d'éléments CSS

藏色散人
藏色散人original
2020-12-18 11:08:212741parcourir

Comment définir une liste d'éléments en CSS : créez d'abord un exemple de fichier HTML ; puis utilisez la balise "

  • " en HTML pour définir les éléments de la liste et enfin, utilisez l'attribut "list-style" ; en CSS pour définir le style de liste.
  • Comment définir la liste d'éléments CSS

    L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3 Cette méthode convient à toutes les marques d'ordinateurs.

    Recommandé : "Tutoriel vidéo CSS"

    En HTML, vous pouvez utiliser la balise

  • en CSS pour définir le style de liste, l'attribut raccourci list-style définit toutes les propriétés de la liste dans une seule déclaration.

    peut définir les attributs suivants dans l'ordre :

    • list-style-type

    • list-style-image

    • list-style-position

    Exemple :

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ul 
    {
    list-style:disc;
    }
    </style>
    </head>
    <body>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    </body>
    </html>

    L'effet est le suivant :

    Comment définir la liste déléments CSS

  • 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!

    Déclaration:
    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