CSS Background Eigenschaften

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