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

HTML+CSS Remplissage de modèle de boîte facile à démarrer

La distance entre le contenu de l'élément et la bordure peut être définie, ce que l'on appelle le « remplissage ». Le remplissage peut également être divisé en supérieur, droit, inférieur et gauche (dans le sens des aiguilles d'une montre)

Écrivons un exemple ci-dessous : 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
      div{
       width:200px;
       height:100px;
       border:1px solid red;
       padding:10px 10px 10px 10px;
      }
  </style>
</head>
<body>
    <div>php中文网</div>
</body>
</html>

En fait, cela peut aussi s'écrire comme ceci 

div{
    padding-top:10px;
    padding-right:10px;
    padding-buttom:10px;
    padding-left:10px;
}

S'ils le sont tous Vous pouvez aussi écrire comme ceci

padding:10px;

L'ordre est en haut à droite en bas à gauche

Si les valeurs supérieure et inférieure sont les mêmes et les valeurs gauche et droite sont les mêmes, vous pouvez écrire comme ça

padding : 10px 20px;

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:100px; border:1px solid red; padding:10px 10px 10px 10px; } </style> </head> <body> <div>php中文网</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)  492792 joue