Dieser Beitrag erklärt Folgendes:
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:
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:
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:
H2Hier:
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:
H3Dazu 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:
H2Um dies zu tun, im obigen Snippet:
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:
H3Notiz: 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.