Maison > interface Web > tutoriel CSS > Comment définir le remplissage en CSS

Comment définir le remplissage en CSS

青灯夜游
Libérer: 2021-04-29 15:35:00
original
12404 Les gens l'ont consulté

Comment définir le remplissage en CSS : 1. Utilisez l'attribut padding pour définir tout le remplissage de l'élément (haut, droite, bas, gauche) dans une seule instruction ; padding- Les propriétés left et padding-right définissent respectivement le remplissage supérieur, inférieur, gauche et droit.

Comment définir le remplissage en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

1. Utilisez l'attribut padding

padding est un attribut raccourci qui peut définir tous les attributs de remplissage dans une seule instruction. Cet attribut peut avoir de 1 à 4 valeurs.

Exemple :

padding:10px 5px 15px 20px;
Copier après la connexion
  • Le rembourrage supérieur est de 10 px

  • Le rembourrage droit est de 5 px

  • Le rembourrage inférieur est de 15px

  • Le rembourrage gauche est de 20px

padding:10px 5px 15px;
Copier après la connexion
  • Le rembourrage supérieur est de 10px

  • Le rembourrage droit et gauche est de 5px

  • Le rembourrage inférieur est de 15px

padding:10px 5px;
Copier après la connexion
  • Le Le rembourrage supérieur et inférieur est de 10 px

  • Le rembourrage droit et gauche est de 5 px

padding:10px;
Copier après la connexion
  • Les quatre rembourrages sont de 10 px

2. Utilisez les attributs padding-top, padding-bottom, padding-left, padding-right

  • padding- top Définit le remplissage supérieur de l'élément

  • padding-bottom Définit le remplissage inférieur de l'élément

  • padding-left Définit le remplissage gauche de l'élément

  • padding-right Définit le bon remplissage de l'élément

(Partage vidéo d'apprentissage : tutoriel vidéo 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!

É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