recherche

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

Comment supprimer l'espacement des bordures du navigateur avec CSS

WBOY
WBOYoriginal
2021-12-09 09:26:512394parcourir

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;}".

Comment supprimer l'espacement des bordures du navigateur avec CSS

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