suchen

Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie den Browser-Randabstand mit CSS

So entfernen Sie den Browser-Randabstand mit CSS

WBOY
WBOYOriginal
2021-12-09 09:26:512369Durchsuche

In CSS können Sie den „*“-Selektor und das Randattribut verwenden, um den Randabstand zwischen dem Element und dem Browser zu entfernen. Der „*“-Selektor wird verwendet, um alle Elemente auszuwählen und Stile festzulegen, und das Randattribut dient dazu Legen Sie das Randattribut des Elements fest, setzen Sie einfach den Wert des Randattributs auf 0 und die Syntax lautet „*{margin:0px;}“.

So entfernen Sie den Browser-Randabstand mit CSS

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So entfernen Sie den Browser-Rahmenabstand in CSS

In CSS können Sie den „*“-Selektor und das Randattribut verwenden, um den Rahmenabstand zwischen dem Element und dem Browser zu entfernen.

* Selektor wählt alle Elemente aus. * Der Selektor kann auch alle Elemente innerhalb eines anderen Elements auswählen.

Margin-Abkürzungsattribut legt alle Randattribute in einer Anweisung fest

Das Beispiel sieht wie folgt aus: 

<!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>

Wenn der „margin:0px;“-Stil nicht zum Element im obigen Beispiel hinzugefügt wird, sieht das Ausgabeergebnis wie folgt aus :

So entfernen Sie den Browser-Randabstand mit CSS

Visible Es gibt eine Lücke zwischen dem Element und dem Browserrahmen. Nach dem Hinzufügen des Stils, bei dem es sich um den obigen Code handelt, lautet das Ausgabeergebnis wie folgt:

So entfernen Sie den Browser-Randabstand mit CSS

(Lernvideofreigabe: css-Video Tutorial)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Browser-Randabstand mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 选择器 外边距 margin
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So legen Sie den Hintergrundverlauf in CSS in zwei Richtungen festNächster Artikel：So legen Sie den Hintergrundverlauf in CSS in zwei Richtungen fest

In Verbindung stehende Artikel

Mehr sehen