communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

HTML+CSS Prise en main facile avec le modèle de limite de la boîte

La distance entre les éléments

et les autres éléments peut être définie à l'aide des marges. Les limites peuvent également être divisées en supérieur, droit, inférieur et gauche

Écrivons un exemple pour expliquer

Nous écrivons d'abord un morceau de code qui n'utilise pas de limites : 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
      div{
        width:200px;
        height:200px;
        border:1px solid red;
      }
  </style>
</head>
<body>
    <div id="dv1">php中文网</div>
    <div id="dv2">中华民族伟大复兴</div>
</body>
</html>

Les deux divs sont ensemble. Si je veux que la distance entre les deux divs soit de 30 pixels, comment dois-je écrire le code CSS ?

#dv2{margin-top:30px;}

Lorsque nous ajouterons ce code, il y aura une distance entre les deux divs

Amis , vous pouvez essayer respectivement le côté droit, le côté inférieur et le côté gauche pour voir quel type d'effet

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } </style> </head> <body> <div id="dv1">php中文网</div> <div id="dv2">中华民族伟大复兴</div> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492321 joue