Maison > interface Web > Questions et réponses frontales > Comment annuler le numéro de série d'une liste ordonnée en HTML

Comment annuler le numéro de série d'une liste ordonnée en HTML

青灯夜游
Libérer: 2021-06-21 16:53:19
original
3323 Les gens l'ont consulté

En HTML, vous pouvez utiliser l'attribut CSS list-style-type pour annuler le numéro de série de la liste ordonnée. Cet attribut peut définir le type de balise d'élément de liste. Il vous suffit de définir "list-". style-type" à l'élément de balise ol. :none;" le style est suffisant.

Comment annuler le numéro de série d'une liste ordonnée en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Liste ordonnée

Une liste ordonnée est une liste d'éléments étiquetés avec des numéros.

Une liste ordonnée commence par une balise

    Chaque élément de la liste commence par une balise
  1. Comment annuler le numéro de série dune liste ordonnée en HTML

    Sortie :

    Comment annuler le numéro de série dune liste ordonnée en HTML

    Des paragraphes, sauts de ligne, images, liens et autres listes peuvent être utilisés à l'intérieur des éléments de la liste , etc. .

    Comment annuler le numéro de série d'une liste ordonnée en html ?

    En HTML, vous pouvez utiliser list-style-type:none; pour annuler le numéro de série de la liste commandée.

    L'attribut list-style-type définit le type de balise d'élément de liste. Lorsque la valeur est définie sur "aucun", la balise peut être supprimée.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ol.b {list-style-type:none;}
    </style>
    </head>
    
    <body>
    
    <p>有序列表实例:</p>
    
    <ol class="a">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ol>
    
    <ol class="b">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ol>
    
    </body>
    </html>
    Copier après la connexion

    Sortie :

    Comment annuler le numéro de série dune liste ordonnée en HTML

    Tutoriels recommandés : "tutoriel vidéo HTML", "tutoriel vidéo 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!

Étiquettes associées:
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