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

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 "

   ".

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>

   

   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;
   }

   

   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>

   

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