Maison > interface Web > tutoriel HTML > Complétez l'exemple de stockage de la position div via la disposition CSS

Complétez l'exemple de stockage de la position div via la disposition CSS

零下一度
Libérer: 2017-06-24 11:43:23
original
1403 Les gens l'ont consulté

CSS+DIV

Encapsuler les données dans des divs. La page est composée de nombreux divs. Le stockage de ces positions div est effectué via la disposition CSS (via la disposition des attributs CSS).

bordure : {

--gauche

--droite

--haut

--bas

 };

#div_1{

  border-top:1px solid #ccc;

 border-bottom:1px dashed #ccc;

  border - right:1px pointillé #ccc;

 border-left:1px double #ccc;

};

solide : ligne continue

pointillé : ligne pointillée

pointillé : ligne pointillée

double : double ligne

Padding/Padding

Attribut : padding{

  --top

--bottom

--right

--left

};

remplissage : 20px 20px 20px 20px;

Marge

attribut de marge {

    --top

   --bottom

-- right

--left

};

margin:20px 20px 20px 20px

En div, si la marge est de 0,px, pourquoi y a-t-il encore un espace vide ? L'espace vide est la distance entre le corps lui-même et la bordure du navigateur.

Vous devez donc définir le corps{margin:0px};

Les navigateurs analysent le corps de différentes manières, ce qui donne lieu à différentes largeurs et largeurs.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal