Maison > interface Web > Questions et réponses frontales > Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

青灯夜游
Libérer: 2021-11-09 15:20:40
original
2756 Les gens l'ont consulté

En plus du style ul (liste non ordonnée), la liste CSS comprend également : 1. Le style de liste ordonnée est défini à l'aide de la balise "

    ", et chaque élément de la liste est défini avec la balise "
  1. ". " balise ; 2. , Personnalisez le style de liste, défini à l'aide de la balise "
    ", et chaque élément de liste personnalisé défini avec la balise "
    ".

Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

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

css list a trois styles :

  • ul liste non ordonnée

  • ol liste ordonnée

  • dl liste personnalisée

Par conséquent, en plus du style ul (liste non ordonnée), la liste css , ainsi que : style de liste ordonnée ol et style de liste personnalisée dl.

Liste ordonnée

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

    et chaque élément de la liste commence par une balise
  1. Les éléments de la liste sont marqués par des chiffres par défaut.

    <ol>
    <li>第一个列表项</li>
    <li>第二个列表项</li>
    <li>第三个列表项</li>
    </ol>
    Copier après la connexion

    Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

    Le style des éléments de liste peut être défini à l'aide de l'attribut list-style-type, qui définit le type de balisage des éléments de liste.

    • décimal en tête de zéro Marque numérique commençant par 0. (01, 02, 03, etc.)

    • chiffres romains minuscules (i, ii, iii, iv, v, etc.)

    • chiffres romains majuscules (I, II, III) , IV, V, etc.)

    • alpha inférieur Le marqueur est alpha inférieur (a, b, c, d, e, etc.)

    • alpha supérieur Le marqueur est alpha supérieur (A , B, C, D, E, etc.)

    • minuscule-grecque Lettres grecques minuscules (alpha, bêta, gamma, etc.)

    • minuscule-latin Lettres latines minuscules (a , b, c, d , e, etc.)

    • majuscule-latine Lettres latines majuscules (A, B, C, D, E, etc.)

    • numérotation hébraïque traditionnelle

    • numérotation arménienne traditionnelle arménienne

    • géorgien Numérotation géorgienne traditionnelle (an, ban, gan, etc.)

    • cjk-ideographic Numéros idéographiques simples

    • hiragana Les marqueurs sont : a, i , u, e, o, ka, ki, etc. (Caractères Hiragana japonais)

    • katakana Les marques sont : A, I, U, E, O, KA, KI, etc. (Caractères japonais Katakana)

    • hiragana-iroha Les marques sont : i, ro, ha, ni, ho, he, to, etc. (numéro de série Hiragana japonais)

    • katakana-iroha Les marques sont : I, RO, HA, NI, HO, HE, TO, etc. (Numéro de série japonais Katakana)

    ol{
    	list-style-type:lower-roman;
    }
    Copier après la connexion

    Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

    Liste personnalisée

    Une liste personnalisée n'est pas seulement une liste d'éléments, mais une combinaison d'éléments et de leurs commentaires.

    Les listes personnalisées commencent par la balise

    Chaque élément de liste personnalisée commence par
    . La définition de chaque élément de liste personnalisée commence par
    .

    <dl>
      <dt>Coffee</dt>
      <dd>黑热饮</dd>
      <dt>Milk</dt>
      <dd>白冷饮</dd>
    </dl>
    Copier après la connexion

    Quels autres styles existe-t-il pour les listes CSS en plus de ul ?

    (Partage de vidéos d'apprentissage : 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