Maison > Article > interface Web > 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
|
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. |
css padding ( padding)
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!