Comment définir les marges div en HTML

Méthode : 1. Utilisez les attributs liés à la marge pour définir la marge extérieure du div (la distance autour de la périphérie de la boîte div) 2. Utilisez les attributs liés au remplissage pour définir la marge intérieure du div ; (le contenu chargé dans la boîte div jusqu'au bord de la boîte) (distance entre les bordures)).

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

Marges CSS (marge)

Les marges extérieures de la boîte sont divisées en quatre directions : haut, droite, bas et gauche

À l'extérieur Le réglage de la marge est utilisé pour contrôler la distance autour de la périphérie de la boîte, et n'appartient pas à la portée de la boîte elle-même

Le but principal de la marge est de contrôler la position de la boîte, donc des valeurs négatives peuvent apparaître

Attribut de marge CSS

属性	描述
margin	简写属性。在一个声明中设置所有外边距属性。
margin-bottom	设置元素的下外边距。
margin-left	设置元素的左外边距。
margin-right	设置元素的右外边距。
margin-top	设置元素的上外边距。

Attribut

Description

margin

Attribut d'abréviation. Définissez toutes les propriétés de marge dans une seule instruction.

margin-bottom

Éléments de l'ensemble la marge inférieure.

marge-gauche

Définir les éléments marge gauche.

margin-right

Définir les éléments marge droite.

margin-top

Définir les éléments la marge supérieure.

[Tutoriel recommandé : Tutoriel vidéo CSS ]

css padding ( padding)

• Le remplissage de la boîte est divisé en quatre directions : haut, droite, bas et gauche
• Réglage du remplissage Pour contrôler la distance entre le contenu chargé dans la boîte et le bord (bordure) de la boîte.

• Le remplissage de la boîte occupe l'espace à l'intérieur de la boîte, et le minimum est 0. Les valeurs négatives ne sont pas autorisées.

Propriétés de remplissage CSS

属性	说明
padding	使用简写属性设置在一个声明中的所有填充属性
padding-bottom	设置元素的底部填充
padding-left	设置元素的左部填充
padding-right	设置元素的右部填充
padding-top	设置元素的顶部填充

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation

 ! !

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!