Maison > Article > interface Web > Comment supprimer l'espacement des bordures du navigateur avec CSS

Comment supprimer l'espacement des bordures du navigateur avec CSS

WBOYoriginal: 2021-12-09 09:26:512350parcourir

En CSS, vous pouvez utiliser le sélecteur "*" et l'attribut margin pour supprimer la distance de bordure entre l'élément et le navigateur. Le sélecteur "*" est utilisé pour sélectionner tous les éléments et définir les styles, et l'attribut margin est utilisé pour. définissez l'attribut margin de l'élément. , définissez simplement la valeur de l'attribut margin sur 0 et la syntaxe est "*{margin:0px;}".

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

Comment supprimer l'espacement des bordures du navigateur en CSS

En CSS, vous pouvez utiliser le sélecteur "*" et l'attribut margin pour supprimer l'espacement des bordures entre l'élément et le navigateur.

* Le sélecteur sélectionne tous les éléments. * Le sélecteur peut également sélectionner tous les éléments d'un autre élément.

L'attribut raccourci margin définit tous les attributs de marge dans une seule instruction

L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    *{
      margin:0px;
    }
  div{
    width:200px;
    height:200px;
    background:pink;
  }
  </style>
</head>
<body>
  <div></div>
</body>
</html>

Si le style "margin:0px;" n'est pas ajouté à l'élément dans l'exemple ci-dessus, le résultat de sortie est le suivant :

Comment supprimer lespacement des bordures du navigateur avec CSS

Visible Il y a un écart entre l'élément et la bordure du navigateur. Après avoir ajouté le style, qui est le code ci-dessus, le résultat de sortie est le suivant :

Comment supprimer lespacement des bordures du navigateur avec CSS

(Partage vidéo d'apprentissage : vidéo css. tutoriel)

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!

html5 css css3 选择器外边距 margin

Déclaration：

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

Article précédent：Comment définir le dégradé d'arrière-plan dans deux directions en CSSArticle suivant：Comment définir le dégradé d'arrière-plan dans deux directions en CSS

Articles Liés

Voir plus