Comment définir la propriété margin de CSS

Comment définir l'attribut margin du CSS ? La marge est marge . Cette fois, je vais vous apprendre à utiliser l'attribut margin pour faire fonctionner DIV. Comment utiliser l'espacement entre les DIV

la marge est utilisée pour définir la distance entre les étiquettes des objets. Par exemple, s'il y a deux boîtes DIV disposées l'une au-dessus de l'autre, nous pouvons utiliser le style de marge pour obtenir l'espacement entre. les deux cases ci-dessus et ci-dessous. La marge est présentée à l'extérieur de la bordure de l'objet et est proche de la bordure et le padding sont dans la position opposée. Le remplissage CSS est proche de la bordure et est situé à l'intérieur de la bordure.

La marge CSS DIV fait référence au mot d'attribut CSS margin, qui permet de définir les marges étendues sur les quatre côtés de l'objet, sans couleur ni couleur d'arrière-plan.

1. Syntaxe de la marge

Marge : 10px

La valeur de la marge est un nombre + unité html, et elle peut également être auto (automatique, adaptative)

2. Structure de l'application

Div{margin:10px>

Définissez la distance entre les quatre côtés de l'objet div sur 10px

3. >

la marge est la distance entre la marge et la marge extérieure de l'objet de réglage. Il existe trois situations pour la valeur de

marge. Il peut s'agir d'un entier positif ou d'un entier négatif plus une unité telle que PX pixels (

margin-left:20px) ; un attribut auto (marge gauche : auto (automatique) ; peut être une valeur en pourcentage (%) (marge gauche : 3 %).

Extension de marge (mots d'attribut d'espacement sur quatre côtés définis séparément)

marge étendue gauche de l'objet (marge gauche : 5 px ; distance étendue gauche 5 px)

margin-right Marge d'extension sur le côté droit de l'objet (margin-right:5px; distance d'extension sur le côté droit 5px)

margin-top Marge d'extension sur le haut de l'objet (marge-haut:5px ; Distance d'extension supérieure 5px)

marge-bas Marge d'extension inférieure de l'objet (marge-bas :5px ; Distance d'extension inférieure 5px)

Lecture connexe :

Quelles sont les méthodes pour définir la couleur d'arrière-plan du DIV

Que diriez-vous de l'utilisation de DIV+CSS

Qu'est-ce que CSS

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!