Detaillierte Erläuterung der 8 Attributwerte des Hintergrundattributs (Interviewfrage)

Detaillierte Erläuterung der 8 Attributwerte des Hintergrundattributs (Interviewfrage)

Der Wert der Hintergrundeigenschaft in CSS

  • Hintergrundfarbe
  • Hintergrundbild
  • Hintergrund-Wiederholung
  • Hintergrundposition
  • Hintergrundanhang

Zusammengesetzte Eigenschaften: Hintergrund: Hintergrundfarbe Hintergrundbild Hintergrundwiederholung Hintergrundposition Hintergrundanhang
Neu in CSS3: Sie können die Composite-Eigenschaft des Hintergrunds nicht verwenden
Hintergrundgröße, Hintergrundherkunft, Hintergrundclip

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<Titel></Titel>
<Stil>
*{
Rand: 0;
Polsterung: 0;
}
.Bild{
Breite: 300px;
Höhe: 400px;
Rand: 20px gestricheltes Aquamarinblau;
Polsterung: 30px;
/* Hintergrundfarbe:#f90;
Hintergrundbild: URL (https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
fe3283a838eef10140bcab16bf06371&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F8i%2Fzu%2FQJ6411171137.jpg);
Hintergrundwiederholung: keine Wiederholung;
Hintergrundposition: 50 % 50 %;
Hintergrundanhang: behoben; */
Hintergrund:#f90 URL (https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
fe3283a838eef10140bcab16bf06371&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F8i%2Fzu%2FQJ6411171137.jpg)
keine Wiederholung 50 % 50 % fest;
Hintergrundgröße: 100px 100px;
Hintergrundherkunft: Rahmenbox;
Hintergrundclip: Inhaltsbox;
}
</Stil>
</Kopf>
<Text>
<div Klasse="Bild"></div>
</body>
</html>

Dies ist das Ende dieses Artikels zu den 8 Attributwerten des Hintergrundattributs (Interviewfragen). Weitere relevante Inhalte zu Hintergrundattributwerten finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Mehrere Möglichkeiten zum Festlegen der Ablaufzeit von localStorage

>>:  Erfahrungsaustausch über die Priorität des Ladens von CSS-Stilen

Artikel empfehlen

Probleme mit Join-Abfragen und Unterabfragen in MySQL

Inhaltsverzeichnis Grundlegende Syntax für Multi-...

Detaillierte Einführung in Protokolle im Linux-System

Inhaltsverzeichnis 1. Logbezogene Dienste 2. Geme...

Neues CSS3-Layout: ausführliche Flex-Erklärung

Flex-Grundkonzepte Flex-Layout (Flex ist die Abkü...

Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser

Erst Code, dann Text Code kopieren Der Code lautet...

Mysql-Optimierungstool (empfohlen)

Vorwort Als ich heute auf GitHub gestöbert habe, ...

Erste Schritte mit den JavaScript-Grundlagen

Inhaltsverzeichnis 1. Wo man JavaScript schreibt ...

js implementiert einen einzigen Klick zum Ändern der Tabelle

Pure js implementiert eine mit einem Klick bearbe...

Web-Theorie: Bringen Sie mich nicht zum Nachdenken über Lesehinweise

Kapitel 1 <br />Das wichtigste Prinzip, um ...

VUE+Canvas realisiert den gesamten Prozess eines einfachen Gobang-Spiels

Vorwort In Bezug auf das Layout ist Gobang viel e...

Einführung und Beispiele für versteckte Felder in HTML

Grundlegende Syntax: <Eingabetyp="versteck...

Einführung in die Nginx-Protokollverwaltung

Nginx-Protokollbeschreibung Über Zugriffsprotokol...

Lösung für den Absturz der Grafikkarte auf Linux-Servern

Wenn die Auflösung der Anmeldeoberfläche besonder...