So erstellen Sie einen Bildhintergrund in HTML und CSS. 3 einfache Wege

Setzt die Farbe des hinteren Planes aus der Palette. Die Farbe des Erben fällt immer mit der Farbe des Vorfahrenelements zusammen.
Schöne Grüße. In diesem Artikel möchte ich über drei Möglichkeiten erkennen, ein Bild als Hintergrund der gesamten Seite mithilfe von HTML + CSS (ohne Verwendung von JS) zu platzieren.

Schöne Grüße. In diesem Artikel möchte ich über drei Möglichkeiten erkennen, ein Bild als Hintergrund der gesamten Seite mithilfe von HTML + CSS (ohne Verwendung von JS) zu platzieren.

Die Anforderungen an das Hintergrundbild sind also wie folgt:

  • 100% Breite und Seiten Höhe
  • Die Hintergrundskalen bei Bedarf (Hintergrund wird abhängig von der Größe des Bildschirms gestreckt oder komprimiert)
  • Fügen Sie die Proportionen der Bilder ein (Seitenverhältnis)
  • Image zentriert auf der Seite
  • Der Hintergrund verursacht keine Rolle
  • Die Lösung ist maximal crossbrawser
  • Es werden keine anderen Technologien außer CSS verwendet

Setzt die Farbe des hinteren Planes aus der Palette. Die Farbe des Erben fällt immer mit der Farbe des Vorfahrenelements zusammen.

Methode 1

Meiner Meinung nach ist dies der beste Weg, denn es ist die einfachste, prägnante und moderne. Es verwendet die CSS3-Eigenschaft Hintergrundgröße. was wir auf das Tag anwenden Html. . Genau Html. , und nicht Körper. weil Seine Höhe ist größer oder gleich der Höhe des Browserfensters.

Installieren Sie einen festen und zentrierten Hintergrund und passen Sie dann die Größe an Hintergrundgröße: Abdeckung .

Html { 

Background-Image: URL (Bilder / Background.jpg);

Hintergrund-Wiederholung: No-Repeat;

Hintergrundposition: Center Center;

Hintergrundbefestigung: fixiert;

-Webkit-Hintergrund-Größe: Abdeckung;

-Moz-Hintergrundgröße: Abdeckung;

-O -Hintergrundgröße: Abdeckung;

Hintergrundgröße: Abdeckung; 
} 

Demo

Diese Methode funktioniert in

  • Chrome (jede Version)
  • Opera 10+.

Firefox 3.6+.

Safari 3+.

Dh 9+.

Um schnell zu laden, platzieren Sie Ihre Websites nur von bewährten Hosting-Anbietern, z. B. Beget.com 
Benutzer und Suchmaschinen lieben schnelle Websites. 

Background-Image: URL (Bilder / Background.jpg);

Methode 2.

Dieses Verfahren sorgt für die Verwendung des IMG-Elements, deren Größe je nach Größe des Browserfensters variiert. Um das Bild auf den vollständigen Bildschirm zu strecken, muss es mit einem Wert von 100% min-Höhe und Breite eingestellt werden. Und so dass das Bild nicht auf die kleinere Größe als das Original komprimiert wird, installieren Sie die Min-Breite mit dem Wert der gleichen Bildbreite.

Wenn die Fensterbreite weniger als die Breite des Bildes ist, wird die Medienabfrage verwendet, um den Hintergrund in der Mitte auszurichten.

erben.

<IMG SRC = "/ Bilder / Hintergrund.jpg" Klasse = "Hintergrund" />

img.background { Min-Höhe: 100%; Min-Breite: 640px; Breite: 100%; Höhe: Auto;

Position: Fixiert; Oben: 0; links: 0;

/ * Hängt von der Größe des Bildes ab * /

@Media-Bildschirm und (Max-Breite: 640px) { img.bg { и Links: 50%; Margin-Links: -320px; } } } Demo

Erbt alle Eigenschaften des übergeordneten Elements

Diese Methode funktioniert in:

Alle Versionen von guten Browsern (Chrom, Oper, Firefox, Safari) Dh 9+. и Methode 3. . Eine andere Möglichkeit ist wie folgt: Fixieren Sie das Bild <IMG /> in die obere linke Ecke der Seite und strecken Sie sie mit der minimalen und minimalen Eigenschaften von 100%, während Sie das Seitenverhältnis aufrechterhalten. TRUE, Mit diesem Ansatz ist das Bild nicht zentriert. Dieses Problem wird jedoch durch eingewickelte Bild in <div /> gelöst, das wir zweifache der Größe des Fensters erzielen. Und das Bild selbst, das wir strecken und in die Mitte bringen. <div class = "hintergrund"> <img src = "/ Bilder / background.jpg" />

</ div> Div.background { <div class = "hintergrund"> Position: Fixiert;

Top: -50%;

Links: -50%; } Breite: 200%; Höhe: 200%; }

img { Position: absolut; Oben: 0;

links: 0; Rechts: 0; :

Unten: 0;

Marge: Auto; Min-Breite: 50%; Mindesthöhe: 50%; } .

Diese Methode arbeitet in guten Browsern und dh 8+.

Ich hoffe, dass diese Informationen für Sie nützlich sein werden. Persönlich benutze ich diese Methoden oft, besonders zuerst. Sicherlich gibt es andere Möglichkeiten, ein Bild auf den hinteren Hintergrund mit CSS zu legen. Wenn Sie über sie wissen, teilen Sie bitte Kommentare. Set Hintergrundfarbe und / oder ein Bild für eine Seite oder ein separater Artikel ist einfach genug. Die Hauptsache ist zu wissen, wo und wie es getan werden kann, sowie einen Farbcode und / oder ein Hintergrundbild. Es ist möglich, dass Sie aus diesem Artikel viele neue Dinge lernen, aber ich habe es speziell für Anfänger geschaffen. Daher wird alles so kurz wie möglich und im Detail gleichzeitig detailliert sein. Die Hauptsache ist, dass Sie nicht nur die Gesamtpräsentation und einwandfreie Beispiele erhalten, sondern auch das Verständnis des Verständnisses, wie man einen Hintergrund in HTML erstellt. Um den Hintergrund in HTML einzustellen, verwenden Sie die Zwischen-Doctype Und ich werde mit der Tatsache beginnen, dass HTML5. Es besteht keine Möglichkeit, den Hintergrund für die Site einzustellen. Diese Funktion wurde beschlossen, in CSS zu ertragen. Wenn Sie also unten verwenden möchten, und Sie möchten ein gültiges » (richtig) Code, Sie müssen im Übergangstyp des Dokuments bleiben. Dazu soll Ihre Webseite mit der folgenden Zeile beginnen: <! Doctype html public "- // w3c // dtd html 4.01 » Übergang // de "" http://www.w3.org/tr/html4/loose.dtd ">

Zeit für praktische Klassen

Wie ist der Hintergrund auf einer Webseite? (#)Wenn Sie es herausgefunden haben, lassen Sie uns verstehen, wie der Hintergrund erstellt wird. Und das erste, was hier hier ist - das ist der Unterschied zwischen

Hintergrundfarbe

Hintergrundbild

. Am Anfang geht

Hintergrundfarbe Links: 50%; die den gesamten verfügbaren Seitenraum oder sein Element überflutet. Das wiederholte oben drauf Hintergrundbild }

. Visuell kann dies wie folgt dargestellt werden: Position: absolut; Oben: 0;

Hintergrund des HTML-Dokuments und seiner Elemente

Nachdem Sie die Hauptelemente der Hintergrundelemente enttäuschen, sowie ihre Attribute, fahren Sie direkt mit der Analyse eines bestimmten Beispiels fort. In dem unten gezeigten Programmcode versuchte ich, alle beschriebenen Elemente zu aktivieren.

Das zweite, was Sie wissen müssen, ist der Unterschied zwischen

Leiche des Dokuments Rechts: 0; :

Element des Dokuments

Leiche des Dokuments

im HTML-Code der Webseiten-Tag angegeben

Körper. Dazu gehört alle Inhalte der Webseite. Natürlich kann der Hintergrund des Dokuments des Dokuments nicht transparent sein. Wenn der Hintergrund des Körpers des Dokuments nicht angegeben ist, wird der in den Browsereinstellungen angegebene Standardwert verwendet. Seitenelemente sind im Tag }

. Es ist bemerkenswert, dass Sie das Farb- und / oder Hintergrundbild mit HTML an alle Elemente des Dokuments einstellen können. Zum Beispiel kann das Hintergrundbild nur für Tabellen angegeben werden. Standardmäßig haben sie normalerweise einen transparenten Hintergrund. Position: absolut; Oben: 0;

Attribut BGColor, um Hintergrundfarbe zu erstellen

Um zu fragen

Das Dokument oder seine Elemente werden ein Attribut verwendet Höhe: 200%; и Hintergrundbild bgcolor. , z.B: <Körper bgcolor = "# EC008C">

<! - Dokumentkörper ->

</ Körper>

In diesem Fall setzen wir die Hintergrundfarbe für die gesamte Seite als Ganzes. Aber ein Beispiel, wie man die Hintergrundfarbe für den Tisch im Tag einstellt Tabelle <Tabelle BGColor = "# EC008C"> <tr> <td> Text mit Hintergrund </ td> </ tr> </ Table>

Es ist bemerkenswert, dass die Hintergrundfarbe in der Tabelle auch für Reihen im Tag angegeben werden kann

Tr. Und für ihre Zellen im Tag Td.

Wie erfahren Sie den Farbcode? Sie haben wahrscheinlich bereits bemerkt, dass die Farbe in HTML auf Special eingestellt ist Code Html. , z.B:

# EC008C.

  • . Um den Code herauszufinden, benötigen Sie die Farbe, die Sie mit einem der Grafikeditoren verwenden können. Zum Beispiel können Sie in Photoshop verwenden "
  • Pipette.
  • (Pipette)

Um eine Farbe von einem Punkt auf dem Bild zu erhalten. Sie müssen dann auf die resultierende Farbe in der Symbolleiste klicken, und in dem öffnenden Fenster "

Farbwähler (Farbauswahl) Farbcode kopieren. Ich zeichne Sie auf die Tatsache, dass dieser Code ohne Gitterzeichen sein wird Zu Beginn muss dieses Zeichen manuell hinzugefügt werden.

Sie können auch zahlreiche Online-Services verwenden, zum Beispiel: 
Ihr Arbeitsprinzip ist noch einfacher - klicken Sie auf die gewünschte Farbe und erhalten Sie den Code. Attribut-Hintergrund, um ein Hintergrundbild zu erstellen Sowie im Falle der Hintergrundfarbe und im Fall von
Sie müssen ein spezielles Attribut verwenden, nämlich 
Hintergrund. 
<Körperhintergrund = "/ 2014/06 / bg.jpg">

В Html. In diesem Fall fragen wir den Hintergrundbild für die Seite als Ganzes. Es ist bemerkenswert, dass es aufgrund der Einschränkungen der Größe des Bildes wiederholt wird, zum Beispiel: Wenn Sie sehen, wenn Sie sich wiederholen, ist der Übergang zwischen den Bildern spürbar. Daher werden spezielle Bilder häufig verwendet, in denen dieser Moment berücksichtigt wird. Aber ein Beispiel dafür, wie ein Hintergrundbild für einen Tisch eingestellt wird, im Tag

<Table Background = "/ 2014/06 / BG.JPG"> <TR> <TD> Text mit Hintergrund </ TD> </ TR> </ Table> Html. Es ist bemerkenswert, dass das Hintergrundbild nur für den Tisch als Ganzes und / oder seine separate Zelle eingestellt werden kann. Für eine Zeichenfolge funktioniert es nicht. Attribut-Hintergrund, um ein Hintergrundbild zu erstellen .

Absoluter und relativer Pfad zum Hintergrundbild (Farbauswahl) Es ist separat wert, aufmerksam zu sein Adressierendes hintergrund bild. . In diesem Fall wird der relative Pfad zum Bild verwendet, d. H. Die Adresse ist an dem Speicherort der Bilddatei in die Webseitendatei angegeben. Diese Option kann nicht besonders erfolgreich bezeichnet werden. Es ist am besten, den absoluten Pfad zum Bild zu verwenden, d. H.

seine volle URL. <Körperhintergrund = "/ Bilder / bg.jpg"> .

In diesem Fall haben Sie keine gleichberechtigten Probleme. Für mehr darüber können Sie hier lesen.

Lass uns zusammenfassen 
Mit Attributen verwenden. Moralisch veraltet, denn für die Gültigkeit des HTML-Codes müssen Sie den Übergang verwenden Doctype.

. Um die Hintergrundfarbe in HTML einzustellen, verwendet spezielle Codes, die Sie in einem Grafik-Editor erfahren oder spezielle Online-Dienste verwenden. Das Hintergrundbild ist in den Schwänzen des zugeteilten Gebiets dupliziert und liegt auf der Hintergrundfarbe. Um ein Hintergrundbild anzugeben, ist es besser, seine volle URL zu verwenden. Ich habe alles dabei. Vielen Dank für Ihre Aufmerksamkeit. Viel Glück!

Kurzer Link: http://goo.gl/03tsnz Wie kann ich einen Hintergrund für die Site machen? Jeder Raum wird viel besser aussehen, wenn ihr Fußboden einen liebe persischen Teppich erhebt. So schlimmer deine Seite? Vielleicht ist es Zeit und sein Boden " einstellen
  • »Der teure elegante handgefertigte Palast. Wir werden mehr darüber verstehen, wie Sie einen Hintergrund für den Standort erstellen können:
  • Es passiert, dass das alte Design der Site bereits gekommen ist. Und ich möchte etwas Neues und Leckeres. Und das neue Design wird so sein, wenn Sie es mit Ihren eigenen Händen kochen.
  • Aber um das gesamte Design der Ressource selbst vollständig zu ändern - die Sache ist undankbar ist undankbar. Ja, und nicht jeder hat etwas dagegen. "
  • geschärft

" Hände. Daher ist es am einfachsten, die alte Vorlage aufzufrischen, um die Farbe des Hintergrunds der Ressource oder des Hintergrundbildes zu ändern.

Es gibt verschiedene Möglichkeiten, den Hintergrund auf der Website zu ändern. Dies verwendet Möglichkeiten. 
CSS. oder . Viele der Eigenschaften für die Zusammenarbeit mit dem Hintergrund haben jedoch denselben Namen und eine Anwendungsmethode in diesen Webtechnologien.
  • Als Hintergrund können Sie mehrere Artikel verwenden: Farbe; ;
  • Hintergrundbild;
  • Texturales Bild. Wir werden mit der Verwendung von jedem von ihnen detaillierter umgehen. Um die Farbe des hinteren Hintergrunds für die Site einzustellen, wird die Eigenschaft verwendet.

Hintergrundfarbe.

Stilattribut. 

Stil. . Um die Grundfarbe für die Webseite festzulegen, müssen Sie es in dem <Body> -Tag registrieren. Beispielsweise: <Body style = "Hintergrundfarbe: # 55D52B"> <p> Hintergrund der Site # 55D52B </ p> </ körper>

Zusätzlich zum Hexadezimal-Farbcode wird der Wert im Keyword-Format oder im Keyword-Format unterstützt

RGB. 

. Beispiele:

<Body style = "Hintergrundfarbe: RGB (51,255,153)"> <p> Hintergrund der RGB-Website (23,113,44) </ p> </ körper> <Body style = "Hintergrundfarbe: grün"> <p> Hintergrund der grünen Website </ p> </ körper> Setzen der Hintergrundfarbe mit den Keywords verfügen über eine Reihe von Einschränkungen im Vergleich zu den verbleibenden zwei Arten.

Insgesamt 16 Schlüsselwörter werden zur Festlegung der Farbe unterstützt. Hier sind einige davon:

Weiß, rot, blau, schwarz, gelb und andere. Daher, um den Hintergrund für die Site einzustellen

Es ist besser, ein hexadezimales Format zu verwenden oder 

Neben der Auswahl von Farbe sind andere Einstellungen verfügbar. Wenn Eigentum Eingestellter Wert Transparent

Der Hintergrund der Seite wird transparent. Dieser Wert wird dieser Eigenschaft standardmäßig zugewiesen. Berücksichtigen Sie nun die Möglichkeit einer Hypertextsprache, das Hintergrundmuster für die Site zu installieren. Es ist möglich, es mit der Eigenschaft herzustellen. Hintergrundbild.

Beispiel: 

<Body style = "Background-Image: URL (img_1809.jpg)"> </ körper>

Wie aus dem Code ersichtlich ist, erfolgt die Bildbindung durch den Pfad

URL.

In Klammern veröffentlicht. Aber nicht alle Bilder sind so groß, dass sie so groß sind, um den gesamten Bildschirmbereich mit ihren Größen zu füllen. Mal sehen, wie die kleinere Abbildung angezeigt wird.

Angenommen, wir entwickeln, dass wir eine Website über Poesie entwickeln, und als Substrat müssen Sie das Bild von Pegasus verwenden. Das geflügelte Pferd wird die Freiheit des kreativen Denkens des Dichters angeben!

Wir brauchen, dass das Bild einmal in der Mitte des Bildschirms angezeigt wird. Leider versteht der Browser jedoch nicht unsere erhabenen Wünsche. Und zeigt ein kleinere Bild für den Hintergrund der Site so oft, wie der Bildschirmbereich Platz bietet:

Wahrscheinlich werden vier lächelnde Pferde mit Dichterflügeln zu viel für die Inspiration sein. Daher verbieten Sie das Klonen unseres Pegasus. Machen Sie es mit der Immobilie

Hintergrund Wiederholung. . Mögliche Werte: Wiederholungs-X - Wiederholung des Hintergrundbildes horizontal;

Also können wir die Aufgabe erleichtern, den hinteren Hintergrund von zwei Bildern festzulegen: Animation und regelmäßiges Bild. In diesem Fall wird die GIF-Animation behoben, und die Zeichnung wird zusammen mit dem Inhalt der Seite gescrollt.

Wiederholt - vertikal;

Wiederholen - auf beiden Achsen;

No-Repeat - Wiederholung ist verboten.

Unter den aufgelisteten Optionen interessieren wir uns für den letzten. Bevor wir den Hintergrund der Site ändern, verwenden wir ihn in Ihrem Code:

<Body Style = "Background-Image: URL (3.jpg); Hintergrundwiederholung: No-Repeat"> </ körper>

Natürlich ist es besser, wenn unser Lern ​​in der Mitte des Bildschirms liegt. Eigentum

Hintergrundposition Ist nur dazu gedacht, das Hintergrundmuster auf der Seite zu positionieren. Stellen Sie die Standortkoordinaten auf verschiedene Arten ein:
. Um die Grundfarbe für die Webseite festzulegen, müssen Sie es in dem <Body> -Tag registrieren. Beispielsweise: Stichwort (
<Körperhintergrund = "/ Bilder / bg.jpg"> Oben, unten, zentrum, links, rechts)
oder Prozentsätze - Der Countdown beginnt aus der oberen linken Ecke;
Jeder Raum wird viel besser aussehen, wenn ihr Fußboden einen liebe persischen Teppich erhebt. So schlimmer deine Seite? Vielleicht ist es Zeit und sein Boden " In Maßeinheiten (
(Farbauswahl) Pixel
). Wir verwenden die einfachste Option für die Zentrierung:

<Body Style = "Background-Image: URL (3.jpg); Hintergrundwiederholung: No-Repeat; Hintergrundposition: Top-Mitte"> </ körper>

Es passiert, dass Sie die Position der Zeichnung beim Scrollen beheben müssen. Verwenden Sie daher vor der Erstellung eines Bildes der Website ein besonderes Eigentum.

Hintergrundbefestigung.

. Gültige Werte: <ul> <li> scroll; </ li> <li> fixiert. </ Li> </ ul>

Wir brauchen die letzte Bedeutung. Nun sieht der Code unseres Beispiels so aus: [/ html] 
<body style = "Background-Image: URL (3.jpg); Hintergrundwiederholung: No-Repeat; Hintergrundposition: Top-Mitte; Hintergrundbefestigung: fixiert"> </ körper> 

Im ersten Beispiel verwendeten wir für den Hintergrund eine große und schöne Wüstenlandschaft. Aber für solche Schönheit musst du voll sein. Das Gewicht des in hoher Qualität ausgeführten Bildes kann mehrere Megabytes erreichen.

Dieses Volume wirkt sich nicht auf die Downloadgeschwindigkeit der Browserseite mit Hochgeschwindigkeitsanschluss mit dem Internet aus. Aber was ist mit dem mobilen Internet, wenn Sie den Download von mehreren "

Meter

"Wird viel Zeit dauern?

"Wird viel Zeit dauern? Alle diese Probleme werden mit einem Texturhintergrund gelöst. Es verwendet ein kleines Bild als Texturmuster. Auch unter dem Zustand seiner mehreren Wiederholung wird das Muster nur einmal geladen.

Um einen dunklen Hintergrund für die Site zu erstellen, gehen Sie an Körper. Photoshop. Körper. , Erstellen Sie ein Bild in Form eines Streifens eines langen 1200 Pixels und eine Breite von 15 Pixeln. Dann verwenden wir einen einfachen schwarzen und weißen Gradienten und verbinden die resultierende Textur auf die Site-Seite:

<Body style = "Background-Image: URL (1.png); Farbe: RGB (0,51,204)"> </ körper>

Zur Klarheit haben wir Text hinzugefügt und Farbe mithilfe der Immobilie festgelegt. Körper. Farbe Körper. . Das ist was passiert ist:

  • Höhe: 200%; Alle oben beschriebenen Eigenschaften sind auch für Kaskadierstilblätter anwendbar. Erstellen Sie einen Hintergrund der Site
  • Hintergrundbild CSS.
  • Durch Umschreiben des Codes eines unserer vorherigen Beispiele: <Head> <Titel> Dokument ohne Titel </ Titel> <Stiltyp = "Text / CSS"> Körper {Background-Image: URL (3.jpg); Hintergrundwiederholung: No-Repeat; Hintergrundposition: Top-Mitte; Hintergrundbefestigung: Fixed;} </ style> </ head> <körper> </ körper>
  • Das Ergebnis ist ähnlich. Nun, wir haben uns alle Optionen angesehen, wie Sie den Hintergrund auf der Website ändern können. Nun ist es nur noch, nur eine Zeichnung des zukünftigen Teppichs zu schaffen und auf den Seiten Ihrer Ressource zu verbreiten. Aber das ist deine Hand.
  • Guten Tag an alle, um etwas Neues zu lernen und lernen! Haben Sie jemals auf das Erscheinungsbild von Websites geachtet, wenn Sie die Ersteller entwickeln, waren faul, um den Hintergrund von Seiten zu arrangieren? Und ich drehte mich um. Es sieht Schlachtung aus. Aufgrund des Mangels an üblichen Trennungen zwischen verschiedenen Arten von Informationen wird es oft gemischt und verschwindet einfach den Wunsch, eine solche Webressource weiter anzusehen. Damit solche Schwierigkeiten mit Ihrem Projekt geschehen, entschied ich mich, einen Artikel zum Thema zu schreiben: "Wie man einen Hintergrund von Seiten in HTML erstellt." Nach dem Lesen der Publikation lernen Sie, mit welchen Werkzeugen, mit welchen Werkzeugen Sie den Hintergrunddesign einstellen können, wie Sie einen Hintergrund festlegen oder viel mehr ändern können, was dazu beitragen, Ihre Website attraktiv zu gestalten. Lass uns jetzt anfangen!
  • Grundlegende Tools zum Festlegen der Hintergrund-Webseiten Um das Hintergrundbild einzustellen, haben Web-Sprache-Entwickler einen Attributhintergrund bereitgestellt. Es ist sowohl in HTML- als auch in CSS erhältlich.
  • In der MarkUp-Sprache ist dies ein Attribut des Body-Tags, und in den Stiltabellen - ein universelles Eigenschaft, mit dem Sie bis zu 5 die Eigenschaften des hinteren Planes gleichzeitig einstellen können. Hintergrund ist ein ziemlich flexibles Element, mit dem der Hintergrund als Farb-, Farbbild oder sogar Animation als Farb-, Farbbild vorhanden ist. Um das Hintergrundbild durch die Einheit HTML <BODY> zu installieren, reicht es aus, einen solchen Code zu schreiben:
  • <Körperhintergrund = "Dateiadresse"> ... </ körper> Und anstelle der Wörter "Dateiadresse" einfügen den Pfad zum Bild.
  • HINWEIS! Wenn Sie in Form des Hintergrunds eine von der Farbpalette angegebene Monochon-Leinwand sehen möchten, erfolgt dies mit dem BGColor-Attribut. Zum Beispiel <Body BGColor = "# 000000"> ... </ körper> haben wir einen schwarzen hintergrund für unsere site gefragt.
  • Farben in CSS und HTML werden entweder von einem englischen Word (z. B. rot) oder einem speziellen Code eingestellt, der aus einem Zeichen # und sechs Zeichen danach besteht (z. B. # FFDAB9). Wenn Sie eine zweite Option in spezialisierten Softwareprodukten für Entwickler eingeben, wird die Palette automatisch vor Ihnen angezeigt. Wenn Sie gerade angefangen haben, diese Websprachen zu lernen, kann der Farbcode im Internet gesperrt werden.

Hintergrund als Eigentum in Kaskadenstiltabellen Höhe: 200%; :

Es ist eingestellt oder in einer separaten Datei mit CSS-Stilen oder im Element <Style>. Mit dieser Eigenschaft können Sie Hintergrundmuster oder Farbe installieren, den Startort auf der Seite angeben, wiederkehrende und feste Bilder einstellen. Für mehr Klarheit habe ich Definitionen in der Tabelle gemacht. 

Parameter Zweck

Wird verwendet, um ein festes oder scrolliertes Bild zusammen mit dem Inhalt der Site zu installieren. Passiert fest, scrollen und erben

Setzt das Hintergrundbild. Es kann gleichzeitig mit der Farbe angezeigt werden. Dann wird der letztere angezeigt, bis das Bild vollständig geladen ist.

Legt den ursprünglichen Speicherort des Objekts für den vorherigen Parameter fest. Zeigt horizontal rechts, links und in der Mitte und vertikal - unten, oben und in der Mitte an. Darüber hinaus können Sie die Position (erben) erben, in Prozent, Pixel und anderen Abmessungen einstellen 

Bewerben Sie sich bei Verwendung des Hintergrundbildattributs. Reguliert, wie das Bild wiederholt wird. Sie können 2 Werte angeben: für horizontal und vertikal. Es gibt Merkmale: No-Repeat, Wiederholen, Wiederholen-X, Repeat-Y, Erben, Speicherplatz

Добавить комментарий