suchen
HeimWeb-FrontendCSS-TutorialCSS-Syntaxhandbuch (5) Farb- und Hintergrundeigenschaften

CSS-Syntaxhandbuch (5) Farb- und Hintergrundeigenschaften

Dec 19, 2016 pm 04:16 PM
背景属性颜色

1. Farbe

Funktion: Legen Sie die Farbe des Vordergrunds oder Elements fest.
Numerisch: Verwenden Sie Farbschlüsselwörter oder RGB-Werte.
Beispiel:


Textfarbe (Schlüsselwort)

Textfarbe (#rrggbb)

Textfarbe [rgb(rr , gg,bb)]

Textfarbe [rgb(r%,g%,b%)]

2. Hintergrundfarbe

Funktion: Seite oder Seite festlegen Hintergrundfarbe des Elements.
Wert:
Farbe – verfügbarer Farbname oder RGB-Wert
transparent – ​​transparent, wodurch der Seitenhintergrund zum Standardhintergrund wird.
Beispiel:


Hintergrundfarbe

3. Hintergrundbild

Funktion: Hintergrundgrafiken definieren.
Wert:
Keine – Grafiken nicht als Hintergrund verwenden
URL – Geben Sie die URL-Adresse der Grafikdatei an
Hinweis: Sie können auch das Attribut „Hintergrundfarbe“ einschließen, um es zu verwenden, wenn die Grafiken dies nicht können gefunden werden
Beispiel:


Grafikhintergrund

4. Hintergrundwiederholung

Funktion: Steuern, ob der Grafikhintergrund wiederholt wird .
Wert:
Wiederholung – vertikale und horizontale Wiederholung, Standardwert
Wiederholung-x – horizontale Wiederholung
Wiederholung-y – vertikale Wiederholung
keine Wiederholung – keine Wiederholung
Beschreibung: Dies Die Eigenschaft wird in Verbindung mit den Eigenschaften „background-image“ und „background-position“ verwendet.
Beispiel:


Horizontale Wiederholungsanordnung

5. Hintergrundanhang

Funktion: Geben Sie an, dass der Hintergrund des Elements ist zusammen mit dem Element Scrollen oder an einer bestimmten Position auf der Seite fixiert werden.
Wert:
scroll – scrollt mit dem Element
fixed – fixiert
Beschreibung:
Der Standardwert ist scroll, dieses Attribut wird zusammen mit dem Attribut „Hintergrundbild“ verwendet.

6. Hintergrundposition

Funktion: Wird verwendet, um den Elementhintergrund im Raum zu positionieren
Wert:
Länge – Legt den Startpunkt der Kante des Elementfelds relativ fest oder absolute Einheiten und geben Sie Koordinaten unter der Einheit an.
Prozentsatz – stellt die Position am Rand des Felds dar, an der der Browser mit der Platzierung des Bildes beginnt, als Prozentsatz. Dieser Wert kann wiederholt werden, um auch vertikale und horizontale Startpunkte bereitzustellen
Vertikale Position – legt den Startpunkt in vertikaler Richtung fest, die Schlüsselwörter sind oben, Mitte, unten
Horizontale Position – legt den Startpunkt in horizontaler Richtung fest , die Schlüsselwörter left, center, right
Zum Beispiel: oben links, links oben und 0 % 0 % bedeuten alle, dass die obere linke Ecke der Grafik in der oberen linken Ecke des Elementfelds beginnt
Beispiel:


Body {background- image:url(logo.gif); background-position:50% 50%}

Diese Anweisung setzt die Body-Basisklasse auf die Hintergrundgrafik, die in der Mitte der Seite angezeigt werden soll.

7. Hintergrund

Funktion: Abkürzungsattribut, Sie können alle Hintergrundattribute festlegen.
Wert:
Hintergrundanhang
Hintergrundfarbe
Hintergrundbild
Hintergrundposition
Hintergrundwiederholung
Einzelheiten zu den oben genannten Werten finden Sie im Abschnitt zu den einzelnen Eigenschaften.

Das Obige ist der Inhalt des CSS-Grammatikhandbuchs (5) Farb- und Hintergrundeigenschaften. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Wie wir Google -Schriftarten getaggt und Goofonts.com erstellt habenWie wir Google -Schriftarten getaggt und Goofonts.com erstellt habenApr 12, 2025 pm 12:02 PM

Goofonts ist ein Nebenprojekt, das von einer Entwicklerin und einem Designer-Ehemann signiert wurde, beide große Fans der Typografie. Wir haben Google markiert

Zeitlose Web -EntwicklerartikelZeitlose Web -EntwicklerartikelApr 12, 2025 am 11:44 AM

Pavithra Kodmad bat die Menschen um Empfehlungen zu den Angaben, die sie für einige der zeitlossten Artikel über Webentwicklung hielten, die ihre verändert haben

Der Deal mit dem AbschnittselementDer Deal mit dem AbschnittselementApr 12, 2025 am 11:39 AM

Zwei Artikel veröffentlichten genau den selben Tag:

Üben Sie GraphQL -Abfragen mit dem Status der JavaScript -APIÜben Sie GraphQL -Abfragen mit dem Status der JavaScript -APIApr 12, 2025 am 11:33 AM

Das Erstellen des Erstellens von GraphQL -APIs kann eine große Herausforderung sein. Sie können jedoch lernen, wie Sie GraphQL -APIs in 10 Minuten verwenden! Und es passiert so, dass ich das perfekte bekommen habe

CMSS auf KomponentenebeneCMSS auf KomponentenebeneApr 12, 2025 am 11:09 AM

Wenn eine Komponente in einer Umgebung lebt, in der die Datenabfragen sie in der Nähe leben, gibt es eine ziemlich direkte Grenze zwischen der visuellen Komponente und der

Geben Sie den Typ auf einen Kreis ein ... mit Offset-PfadGeben Sie den Typ auf einen Kreis ein ... mit Offset-PfadApr 12, 2025 am 11:00 AM

Hier ist einige legitime CSS -Tricks von Yuanchuan. Es gibt diesen CSS-Immobilien-Offset-Pfad. Es war einmal, es wurde als Bewegungspfad bezeichnet und dann umbenannt. ICH

Was macht 'Rückkehr' in CSS?Was macht 'Rückkehr' in CSS?Apr 12, 2025 am 10:59 AM

Miriam Suzanne erklärt in einem Mozilla -Entwickler -Video zu diesem Thema.

Die modernen LiebhaberDie modernen LiebhaberApr 12, 2025 am 10:58 AM

Ich liebe solche Sachen.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen