Maison >interface Web >tutoriel CSS >css utilise l'attribut list-style-type pour afficher derrière le texte

css utilise l'attribut list-style-type pour afficher derrière le texte

黄舟
黄舟original
2017-06-29 13:45:341850parcourir

Le css utilise l'attribut list-style-type pour l'afficher derrière le texte

Quel est le problème avec le point noir affiché à la date ?

css utilise lattribut list-style-type pour afficher derrière le texte

Dans le premier cas, modifiez directement list-style-position:outside; en list-style-position:inside; sinon, ajoutez-le.

Méthode 2 : Laisser une place pour que le symbole de liste s'affiche dans le cas de list-style-position:outside ;, par exemple, ajouter un attribut à li margin-left : 50px ; Dans les deux cas, supprimez simplement l'élément flottant float.

Extension : list-style-type : définir le style de liste
disque : point
cercle : cercle
carré : carré
décimal : nombre, tel que 1, 2 , 3,,....,11,12,13
decimal-leading-zero : nombre décimal, moins de deux chiffres sont remplis par un 0 en tête, par exemple : 01, 02, 03, ..., 98 , 99
minuscule romain : caractères romains minuscules, tels que : i, ii, iii, iv, v, ...
majuscule romain : caractères romains majuscules, tels que : I, II, III, IV , V, ... .
minuscule-grec : lettres grecques minuscules, par exemple : α(alpha), β(beta), γ(gamma), ...
minuscule-latin : lettres latines minuscules, par exemple : a, b, c , ... z
majuscule-latin : latin majuscule, par exemple : A, B, C, ... Z
arménien : chiffres arméniens
géorgien : chiffres géorgiens , par exemple : an, ban, gan , ..., he, tan, in, in-an, ...
alpha inférieur : latin minuscule, par exemple : a, b, c, ... z
alpha majuscule : texte latin majuscule, par exemple : A, B, C, ... Z
aucun : aucun (annuler tous les styles de liste)
hériter : hériter
image personnalisée : liste- style:square inside url

Règles d'abréviation : list-style:square inside url('arrow.gif'); Le carré bleu devant est le symbole de liste list-style-type, le rouge à l'intérieur dans le le milieu est le localisateur de position de style de liste et le dernier est le localisateur de position de style de liste. L'URL verte est le chemin de l'image list-style-image Si cette image existe, elle sera écrasée. le carré précédent S'il n'existe pas, il sera affiché avec un carré.

.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px}
.ileft{display:inline-block}

Vous pouvez écrire un point noir devant le texte ou télécharger une image, telle que

  • Contact
  • > ;
    Vous pouvez télécharger une image d'arrière-plan dans i,

    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