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

Verwendung des Zielattributs des HTML-Tags a

1: Wenn Sie das Tag <a> zum Verlinken auf ei...

Vue Virtual DOM – Schnellstart

Inhaltsverzeichnis Virtueller DOM Was ist virtuel...

Detaillierte Erklärung zur Verwendung selbstverschachtelter Vue-Baumkomponenten

In diesem Artikel erfahren Sie, wie Sie die selbs...

Zusammenfassung verschiedener Methoden zur MySQL-Datenwiederherstellung

Inhaltsverzeichnis 1. Einleitung 2. Direkte Wiede...

Einstellungen für den Ubuntu-Boot-Autostart-Dienst

So erstellen Sie einen Dienst und starten ihn aut...

Detaillierte Erklärung des MySQL-Datenbankindex

Inhaltsverzeichnis 1. Einführung in den MySQL-Ind...

So importieren Sie Tomcat-Quellcode in Idea

Inhaltsverzeichnis 1. Laden Sie den Tomcat-Code h...

Detaillierte Erläuterung der Verwendung des DockerHub-Image-Repository

Bisher wurden die von uns verwendeten Images alle...

Unterschied zwischen src- und href-Attributen

Es besteht ein Unterschied zwischen src und href ...

Detaillierte Erklärung von Objektliteralen in JS

Inhaltsverzeichnis Vorwort 1. Setzen Sie den Prot...

Ausführliches Tutorial zur Installation von Deepin in VMware15 (Bild und Text)

Vorwort Die Benutzeroberfläche von Deepin sieht w...