Einige Zeit mit diesem Tutorial bitte verbringen, wenn du den Hintergrund deiner Web site geben m�chtest. Einen hellen Hintergrund mit dunklem Text benutzen, wenn du f�r eine professionelle Web site zielst. Jedoch w�rde irgendeine Art Farbe Kombination annehmbar sein, wenn du gerecht bist, eine Web site f�r Vergn�gen bildend.

Du kannst f�hig, die Hintergrundfarbe oder das Bild jedes m�glichen CSS Elements mit Hilfe CSS einzustellen. Zus�tzlich wie der Hintergrund angezeigt wird, hast du Steuerung �ber ihr. Du kannst beschlie�en, sie vertikal, horizontal wiederholen zu lassen oder auch nicht Richtung. Du kannst auch beschlie�en, die Hintergrundrolleposition zu haben, wie sie normalerweise tut oder bleibst in einer �rtlich festgelegten Position. Wie man alle diese Wahlen, die folgenden Beispiele zeigt dich einf�hrt.

Um Hintergrundeffekte eines Elements zu definieren, werden die CSS Hintergrundeigenschaften benutzt.

CSS Hintergrund

F�r das Enthalten von Angabe �ber, wie man die Hintergrundoberfl�che anzeigt, auf die Inhalt (Bilder, Text, etc.) �bertragen wird, diese Stenographieeigenschaft Darstellung wird benutzt. Hintergr�nde k�nnen Bilder und/oder Farben sein. Wenn ein Bild spezifiziert wird, sind viele Wahlen vorhanden, Anzeige Verhalten zu spezifizieren. In der gleichen Eigenschaft Definition k�nnen ein Hintergrund und Farbe spezifiziert werden, aber es wird nicht angefordert, um beide zu haben. Die Werte werden ignoriert, wenn URL Verhalteneigenschaften ohne ein angeschlossenes URL verzeichnet werden. Obgleich diese Eigenschaft nicht �bernimmt, wegen des R�ckstellung �transparenten� Hintergrundfarbe Wertes in den Kindelementen, gl�nzt der Hintergrund eines Elternteilelements durch. Aus einigen Stenographieeigenschaften heraus ist die Hintergrundeigenschaft eine, die die Werte spezifizieren, die viele Aspekte des Anzeige Verhaltens steuern

CSS Hintergrund-Farbe

Wie du w�hrend der academictutorials Tutorials gesehen hast, sind viele unterschiedliche Hintergrundfarben anwesend. Ohne Tabellen zu verwenden erhalten, wurden diese unterschiedlichen Hintergr�nde. Unter sind zwei Beispiele der CSS Hintergr�nde.

<p style="background-color:yellow;">This text has a background color applied.</p>

O/P:

Dieser Text hat eine angewendete Hintergrundfarbe.

CSS Hintergrund

wenn die Benutzerrollen hinunter deine Seite, m�glicherweise, das du ein Bild haben m�chtest, das �rtlich festgelegt bleibt. Mit CSS kann dieses ziemlich leicht und mehr getan werden und einschlie�en:

Beschlie�en, wenn ein Hintergrund wiederholt und das Richtungen, inch zu wiederholen.
Pr�zision Positionierung
scrolling/statische Bilder

Lassen Sie uns mit einem R�ckstellung CSS Hintergrund anfangen.

p { background-image: url(/images/sunset.jpg); }
h1{ background-image: url(/images/winter.jpg); }

O/P:

Dieses <p> hat einen Hintergrund mit einem lokalen Weg zur Abbildung.

Dieses <h1> hat einen Hintergrund mit dem kompletten URL Weg.

Hintergrund-Wiederholung

Du kannst eine Hintergrundwiederholung (X), vertikal (Y) horizontal haben, in beiden Richtungen oder in auch nicht Richtung.

CSS Code:

p {
background-image: url(smallPic.jpg);
background-repeat: repeat; }
h1 {
background-image: url(smallPic.jpg);
background-repeat: repeat-y; }
ol {
background-image: url(smallPic.jpg);
background-repeat: repeat-x; }
ul {
background-image: url(smallPic.jpg);
background-repeat: no-repeat; }

CSS Background Eigenschaften

You can control the background color of an element, set an image as the background, repeat a background image vertically or horizontally, and position an image on a page with the help of the CSS background properties .

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2)

Property	Description	values
background	A shorthand property for setting all background properties in one declaration	background-color background-image background-repeat background-attachment background-position
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page	scroll fixed
background-color	Sets the background color of an element	color-rgb color-hex color-name transparent
background-image	Sets an image as the background	url none
background-position	Sets the starting position of a background image	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos
background-repeat	Sets if/how a background image will be repeated	repeat repeat-x repeat-y no-rep

Keywords: css code background for friendster, css background codes, css background image, free css background codes, friendster css background codes, css background image code, css background color, css background repeat, css table background opacity, css background position

HTML Quizes

XML Quizes