Was ist der Unterschied zwischen Hintergrund und nicht Hintergrund transparent

Was ist der Unterschied zwischen Hintergrund und nicht Hintergrund transparent
Das CSS “HintergrundDie Eigenschaft wird zur Kontrolle des Hintergrunds eines angegebenen Elements verwendet. Gleichzeitig gibt es verschiedene Eigenschaften, die den Hintergrund ausmachen, einschließlich “Hintergrundfarbe","Hintergrundbild","Hintergrundgröße", und viele mehr. Der Hintergrund deckt die Gesamtgröße des Elements einschließlich der Grenze und der Polsterung ab, schließt jedoch den Rand aus. Damit macht der Text für den Benutzer so sichtbar und leicht zu lesen. Darüber hinaus bestimmt die „Hintergrundfarbe“ die Farbe an der Rückseite des definierten Elements oder der Daten.

Dieser Beitrag erklärt Folgendes:

  • Was ist die CSS -Eigenschaft "Hintergrund"?
  • Was ist der Unterschied zwischen „Hintergrund: Keine“ gegen „Hintergrund: transparent“?

Was ist die CSS -Eigenschaft "Hintergrund"?

Der "HintergrundEigenschaft ist eine Kurzeigeneigenschaft in CSS, die zum Festlegen des Hintergrunds eines beliebigen Elements in Form eines Bildes, Absatzes oder jeder Art von Element im HTML -Dokument verwendet wird. Es folgen den Hintergrundeigenschaften, die aus acht anderen Eigenschaften bestehen:

  • Hintergrundbild”Wird verwendet, um ein oder mehrere Bilder auf der Rückseite des Elements festzulegen. In der oberen linken Ecke einer HTML-Seite wird standardmäßig ein Hintergrundbild angezeigt.
  • Der "Hintergrund WiederholungAttribut gibt an, ob das Hintergrundbild wiederholt wird oder nicht. Ein Hintergrundbild wird sowohl horizontal als auch vertikal wiederholt.
  • Hintergrundantrieb”Ermittelt, ob ein Bild des Bildlaufhintergrunds auf der HTML -Seite oder zusätzlichen Containerseiten aufbewahrt werden muss.
  • Hintergrundposition”Wird verwendet, um die Position des Elements festzulegen.
  • Hintergrundgröße”Wird zur Zuordnung der Hintergrundbildgröße verwendet.
  • Der "Hintergrundclip”Attribut gibt an, wie viel Hintergrund eines Elements durch ein Bild oder eine Farbe abgedeckt werden soll.
  • Hintergrundfarbe”Wird verwendet, um die Farbe am Hintern des Elements zuzuweisen.
  • Hintergrund-Ursprung”Beschreibt den Ort des Ursprungs des Hintergrundpositionierungsbereichs in einem Hintergrundbild.

Was ist der Unterschied zwischen „Hintergrund: Keine“ gegen „Hintergrund: transparent“?

Es gibt keinen Unterschied zwischen ihnen. Wenn Sie keinen Wert für ein halbes Dutzend Eigenschaften angeben, für die der Hintergrund eine Abkürzung ist, wird er auf den Standardwert eingestellt, einschließlich “keiner" Und "transparent”.

Beispiel 1: Verwenden von „Hintergrund: Keine“ in CSS

Das festlegen "Hintergrund: KeineEigenschaft in CSS, fügen Sie zunächst Daten im HTML -Dokument hinzu, greifen Sie dann auf das Element in CSS zu und wenden Sie sie an.

Probieren Sie die angegebenen Anweisungen aus.

Schritt 1: Fügen Sie Daten in der Überschrift hinzu

Verwenden Sie zum Hinzufügen einer Überschrift auf der HTML -Seite das Überschriften -Tag von “

" Zu "
”. In diesem Szenario haben wir "H1"Für die erste Überschrift"H2"Für die zweite Überschrift und"H3”Für die dritte Überschrift. Einbetten Sie die Daten auch in den Text für die Überschrift ein:

LinuxHint -Tutorial -Website


Der Hintergrund als keine


Hintergrund ist grün

Ausgang

Schritt 2: Setzen Sie "Hintergrund: Keine" Eigenschaft

Greifen Sie als Nächstes auf die Überschrift zu, indem Sie die “verwendenH2”Tag und wenden Sie die folgenden Eigenschaften an:

H2
Farbe: Tomate;
Hintergrundfarbe: Keine;

Hier:

  • FarbeDie Eigenschaft wird zum Festlegen der Farbe des Textes verwendet.
  • HintergrundfarbeGibt die Farbe an der Rückseite des Elements an. Dazu ist hier der Wert dieser Eigenschaft als "festgelegt"keiner”Ohne Farbe am Hintern.

Es ist zu bemerken, dass die Farbeigenschaft die Textfarbe festlegt. Auf der Rückseite des Elements gibt es jedoch keine Farbe:

Schritt 3: Hintergrund als bestimmte Farbe festlegen

Greifen Sie dann auf die andere Überschrift zu, indem Sie den Übergangsnamen verwenden “H3”Und wenden Sie die gleichen Eigenschaften mit den verschiedenen Werten an:

H3
Farbe weiß;
Hintergrundfarbe: Grün;

Dazu werden wir das anwenden “Farbe”Eigenschaft mit dem Wert als"Weiss" und das "Hintergrundfarbe”Eigenschaft als“ gesetzt “Grün”:

Beispiel 2: Verwenden von „Hintergrund: transparent“ in CSS

Verwenden Sie den obigen HTML -Code, um den Hintergrund festzulegen: transparent in CSS und wenden Sie dann den “anschließend anHintergrundfarbe" als "transparent”.

Schritt 1: Setzen Sie "Hintergrundfarbe: transparent"

Greife auf ... zu "H2Überschrift und wenden Sie die angegebenen Snippet -Eigenschaften an:

H2
Farbe: RGB (10, 250, 70);
Hintergrundfarbe: transparent

Um dies zu tun, im obigen Snippet:

  • Der Wert der “Farbe"Eigenschaft wird als" festgelegt "RGB (10, 250, 70)”.
  • Hintergrundfarbe”Wird als" eingestellt "transparent”.

Schritt 2: Stellen Sie eine bestimmte Farbe auf der Rückseite ein

Greifen Sie auf die Überschrift zu und wenden Sie dieselben Eigenschaften mit unterschiedlichen Werten an:

H3
Farbe weiß;
Hintergrundfarbe: RGB (236, 169, 91);

Notiz: Es gibt keinen Unterschied zwischen „Hintergrund: Keine“ und „Hintergrund: transparent“ in CSS.

Abschluss

Es gibt keinen Unterschied zwischen “Hintergrund: Keine" Und "Hintergrund: transparent”. Der "Hintergrundfarbe: Keine”Legt keine Farbe auf der Rückseite des Elements fest. Andererseits, wenn Sie eine Farbe am Element zurück angegeben haben, “Hintergrundfarbe: transparent”, Geben Sie an, dass die Hintergrundfarbe im definierten Element transparent sein sollte. Dieser Beitrag hat den Unterschied zwischen der Hintergrundeigenschaft mit dem Wert None und transparent gezeigt.