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

MySQL-Index-Pushdown in fünf Minuten verstehen

Inhaltsverzeichnis Was ist Index-Pushdown? Das Pr...

Implementierungsmethode der rekursiven MySQL-Baumabfrage

Vorwort Bei baumstrukturierten Daten in der Daten...

Beispiel für eine CSS3-Tab-Animation mit dynamischem Hintergrundwechseleffekt

CSS 3-Animationsbeispiel - Dynamischer Effekt des...

Detaillierte Erklärung des Fischschwarm-Algorithmus im CocosCreator-Spiel

Vorwort Ich wollte vor kurzem CocosCreator lernen...

Analysieren der Knotenereignisschleife und der Nachrichtenwarteschlange

Inhaltsverzeichnis Was ist asynchron? Warum brauc...

Erfahrungen bei der Neugestaltung der Homepage von TOM.COM

<br />Ohne Vorwarnung sah ich auf cnBeta Neu...

Installieren und Bereitstellen von Java8 und MySQL unter CentOS7

Im Allgemeinen werden Java-Lernprogramme und Bere...

MySQL 5.7.18 Green Edition Download- und Installations-Tutorial

Dieser Artikel beschreibt den detaillierten Vorga...

So verwenden Sie den Skeleton-Bildschirm im Vue-Projekt

Heutzutage ist die Anwendungsentwicklung grundsät...

Netzwerkmanagement und Netzwerkisolationsimplementierung von Docker-Containern

1. Docker-Netzwerkverwaltung 1. Docker-Container-...

Prozessanalyse von reservierten Wortanweisungen in Dockerfile

Inhaltsverzeichnis 1. Was ist Dockerfile? 2. Anal...

So verwenden Sie tcpdump zum Erfassen von Paketen im Linux-System

Lassen Sie mich zunächst einen Blick auf den Beis...