Analyser et résumer les définitions de style de <li> et <hr>

Note de l'éditeur : j'avais initialement prévu d'écrire un article qui reflétait le thème de cet article, mais récemment j'ai vu cet article dans le groupe de blog Sina, donc je n'ai pas besoin de faire plus d'efforts, je le republie ici, en espérant qu'il le sera. être utile à tout le monde.

li {list-style-image : url(images/disc.gif);}

Cette définition de style de li utilise des images pour remplacer les petits points affichés pour les éléments de la liste. Bien entendu, vous pouvez également l'afficher avec d'autres effets. Veuillez vous référer à la définition ci-dessous pour plus de détails :

Définition CSS de l'effet d'élément de liste

*list-style-type : cercle (peut être modifié selon le style souhaité) ;

disque : cercle plein CSS1

cercle : cercle creux CSS1

carré : carré plein CSS1

décimal : chiffres arabes CSS1

romain inférieur : chiffres romains minuscules CSS1

upper-roman : chiffres romains majuscules CSS1

alphabétique inférieure : lettres anglaises minuscules CSS1

alpha-majuscule : lettres anglaises majuscules CSS1

none : CSS1 n'utilise pas de puces

arménien : chiffres arméniens traditionnels CSS2

cjk-ideographic : numéros idéographiques simples CSS2

géorgien : chiffres géorgiens traditionnels CSS2

Lower-greek : lettres minuscules grecques de base CSS2

hébreu : chiffres hébreux traditionnels CSS2

hiragana : caractères hiragana japonais CSS2

hiragana-iroha : séquence hiragana japonaise CSS2

katakana : caractères katakana japonais CSS2

katakana-iroha : numéro de série du katakana japonais CSS2

lower-latin : lettres latines minuscules CSS2

upper-latin : lettres latines majuscules CSS2

*list-style-image : url(images/disc.gif); Utilisez l'image disc.gif au lieu d'afficher les éléments de la liste

*list-style-position : extérieur intérieur |

à l'extérieur : le marqueur d'élément de liste est placé à l'extérieur du texte et le texte environnant n'est pas aligné en fonction du marqueur

inside : la balise d'élément de liste est placée à l'intérieur du texte et le texte environnant est aligné en fonction de la balise

hr{border:1px pointillé #86BCD4; hauteur:1;}

Dans le code HTML, il y a quelques éléments spéciaux comme la barre horizontale hr, qui peuvent également être définis dans la gestion des styles pour changer l'effet d'affichage par défaut :

Définition CSS de l'effet de barre horizontale

BORDURE-BOTTOM-STYLE : pointillé ;

BORDURE-GAUCHE-STYLE : pointillé ;

BORDER-RIGHT-STYLE : pointillé ; BORDER-TOP-STYLE : pointillé ;

hauteur:1;

largeur : 100 % ;

aligner:gauche;

couleur : #86BCD4 ;

Ombre : non ;

Définition de l'effet de ligne pointillée de barre horizontale

bordure : 1px en pointillés #86BCD4 ; hauteur : 1 ;