Comment définir l'espacement Li en CSS

En CSS, vous pouvez utiliser l'attribut margin pour définir l'espacement li. Il vous suffit de définir "marge : valeur + unité | valeur en pourcentage" pour l'élément. La propriété margin définit la largeur de toutes les marges d'un élément ou définit la largeur des marges de chaque côté.

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

CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque toutes les tailles et styles de police et a la capacité de modifier les objets de page Web et les styles de modèle.

CSS peut utiliser l'attribut d'abréviation de marge pour définir les marges de la balise li afin d'augmenter l'espacement li. L'attribut d'abréviation de marge définit tous les attributs de marge dans une seule instruction. Cet attribut peut avoir de 1 à 4 valeurs. L'espacement par défaut des balises

li est le suivant :

• Le premier li
• Le deuxième li
• Le troisième li

L'effet est le suivant :

css augmente l'espacement li :

li{
width: 300px;
height: 30px;
margin: 20px 0;
}

L'effet est le suivant :

Attribut raccourci de marge :

Cet attribut raccourci définit la largeur de toutes les marges d'un élément, ou définit la largeur des marges de chaque côté.

Les marges verticalement adjacentes des éléments au niveau du bloc seront fusionnées, tandis que les éléments en ligne n'occuperont pas réellement les marges supérieure et inférieure. Les marges gauche et droite des éléments en ligne ne sont pas fusionnées. De même, les marges des éléments flottants ne sont pas fusionnées. Il est permis de spécifier des valeurs de marge négatives, mais soyez prudent lorsque vous les utilisez.

Remarque : les valeurs négatives sont autorisées.

Valeur de l'attribut : auto Le navigateur calcule les marges.

longueur spécifie la valeur de la marge dans des unités spécifiques, telles que les pixels, les centimètres, etc. La valeur par défaut est 0px.

% spécifie les marges en pourcentage de la largeur de l'élément parent.

inherit spécifie que les marges doivent être héritées de l'élément parent.

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!