Detaillierte Erläuterung der 8 Attributwerte des Hintergrundattributs (Interviewfrage)
|
Der Wert der Hintergrundeigenschaft in CSS
Zusammengesetzte Eigenschaften: Hintergrund: Hintergrundfarbe Hintergrundbild Hintergrundwiederholung Hintergrundposition Hintergrundanhang
<!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
Funktionsprinzip und Beispielanalyse des Linux-NFS-Mechanismus
Was ist NFS? Netzwerkdateisystem Eine Methode ode...
nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen
Ich wollte wissen, wie ich mit einem Domänennamen...
Ein Beispiel für die Verwendung einer MySQL-Anweisung, um die Anzahl der von verschiedenen Ganzzahlen belegten Bytes sowie deren Maximal- und Minimalwerte herauszufinden
Direkt codieren: Wählen Sie „bigint unsigned“ als...
Der Inhalt der Tabelle in HTML wird horizontal und vertikal in der Mitte angezeigt
In CSS-Style-Datei angeben #class td /*Legen Sie ...
jQuery implementiert das Ausblenden und Anzeigen von HTML-Elementen
Lassen Sie uns die Funktion von Taobao nachahmen,...
Docker verwendet das Tool nsenter, um in den Container zu gelangen
Bei der Verwendung von Docker-Containern ist es b...
Beispielcode zur Implementierung von dynamischem Skinning mit vue+element
Manchmal kann das Thema eines Projekts nicht jede...
ElementUI-Komponente el-dropdown (Falle)
Auswählen und ändern: Klicken Sie, um den aktuell...
So implementieren Sie Sveltes Defer Transition in Vue
Ich habe mir vor Kurzem Rich Harris‘ Video „Rethi...
Aggregatabfrage- und Union-Abfragevorgänge für MySQL-Datenbanken
Inhaltsverzeichnis 1. Einfügen der abgefragten Er...
Fallstricke bei der Installation der dekomprimierten Version von MySQL 5.7.20 (empfohlen)
Offizielle MySQL-Website: https://www.mysql.com/d...
CSS3 implementiert einen Fußbereich, der unten fixiert ist (immer unten, egal wie hoch die Seite ist).
Vorwort Fixieren Sie den Fußzeilenbereich unten. ...
So verwenden Sie Docker buildx, um plattformübergreifende Images zu erstellen und sie in private Repositories zu übertragen
Einführung Kürzlich habe ich herausgefunden, dass...
CSS simuliert Float, um den Effekt eines zentrierten Textes zu erzielen, der das Bild links und rechts umgibt
Was ist Textumbruch um Bilder? Dies ist die Auswi...
Installieren Sie CentOS 7 auf VMware14 – Grafik-Tutorial
Einführung in CentOS CentOS ist eine Linux-Distri...