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

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 ?

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!