Propriétés de fond de CSS

Veuillez passer une certaine heure avec ce cours d'instruction si vous voulez donner le fond de votre site Web. Employer un fond clair avec le texte foncé, si vous visez pour un site Web professionnel. Cependant, n'importe quel genre de combinaison de couleur serait acceptable, si vous êtes juste faisant un site Web pour le plaisir.

Vous pouvez capable placer la couleur de fond ou l'image de n'importe quel élément de CSS avec l'aide du CSS. En outre, comment le fond d'image est montré, vous avez le contrôle de lui. Vous pouvez choisir de ne faire répéter lui verticalement, horizontalement, ou ni l'une ni l'autre direction. Vous pouvez également choisir d'avoir la position de rouleau de fond comme elle fait normalement ou restez dans un à position fixe. Comment mettre en application toutes ces options, les exemples suivants vous montreront.

Pour définir des effets de fond d'un élément, les propriétés de fond de CSS sont employées.

Fond de CSS

Pour indiquer des informations sur la façon montrer la surface de fond sur laquelle le contenu (images, texte, etc.) est rendu, cette notation de propriété de sténographie est employée. Les milieux peuvent être des images et/ou des couleurs. Si une image est indiquée, beaucoup de choix sont disponibles pour indiquer le comportement d'affichage. Dans la même définition de propriété, un fond d'image et la couleur peuvent être indiqués, mais on ne l'exige pas pour avoir tous les deux. Les valeurs seront ignorées, si des propriétés de comportement d'URL sont énumérées sans URL de accompagnement. Bien que cette propriété n'hérite pas, en raison de la valeur « transparente » de fond-couleur de défaut dans les éléments d'enfants, le fond d'un élément de parent brillera à travers. Hors de plusieurs propriétés de sténographie, la propriété de fond est une qui indiquent des valeurs commandant beaucoup d'aspects du comportement d'affichage

Couleur de fond de CSS

Comme vous avez vu dans tous des cours d'instruction d'academictutorials, beaucoup de différentes couleurs de fond sont présentes. Sans employer des tables, ces milieux variables ont été obtenus. Au-dessous de sont deux exemples des milieux de CSS.

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

O/P :

This text has a background color applied.

Fond d'image de CSS

quand les rouleaux d'utilisateur en bas de votre page peut-être que vous voudriez avoir une image qui demeure fixe. Avec le CSS, ceci peut être fait tout à fait facilement et davantage, incluant :

choix si un fond répétera et qui directions pour répéter le po.
positionnement de précision
faire défiler/images statiques

Commençons par un fond d'image du défaut CSS.

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

O/P :

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

This <p> has a background image using a local path to the picture.

Répétition de fond d'image

Vous pouvez avoir une répétition de fond d'image horizontalement (x), verticalement (y), dans les deux directions, ou dans ni l'une ni l'autre direction.

Code de CSS :

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; }

Propriétés de fond de CSS

Vous pouvez commander la couleur de fond d'un élément, placer une image comme fond, répéter un fond d'image verticalement ou horizontalement, et placer une image à une page avec l'aide des propriétés de fond de CSS.

Appui de navigateur : IE : Internet Explorer, F : Firefox, N : Netscape.

W3C : Le nombre dans la colonne de « W3C » indique dans quelle recommandation de CSS la propriété est défini (CSS1 ou 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