Articole si Tutoriale Web Design

ValminDesign.com va ofera servicii profesionale de web design, programare web, SEO si promovare online la cele mai mici preturi.

Deasemenea, speram sa-i ajutam pe cei care vor sa invete web design prin articolele si tutorialele de pe acest blog.

Web Design – CSS background

» Scris in categoria: CSS — Taguri: , , — @ 16:38 in data:9 martie 2010.

Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:

  • background-color (exemplu: background-color:#b0c4de;)
  • background-image (exemplu: background-image:url(‘paper.gif’);)
  • background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
  • background-attachment (exemplu: background-attachment:fixed;)
  • background-position (exemplu: background-position:top left;)

Toate proprietatile Background:

Proprietate Descriere Valoare CSS
background Seteaza toate proprietatile intr-o singura declaratie CSS background-color

background-image

background-repeat

background-attachment

background-position

inherit

1
background-attachment Seteaza daca o imagine este fixa, sau se misca odata cu pagina scroll

fixed

inherit

1
background-color Seteaza culoarea de background a unui element color-rgb

color-hex

color-name

transparent

inherit

1
background-image Seteaza o imagine de background unui element url(URL)

none

inherit

1
background-position Seteaza pozitie de start a unei imagini top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

x% y%

xpos ypos

inherit

1
background-repeat Seteaza daca imaginea se va repeta pe fundal repeat

repeat-x

repeat-y

no-repeat

inherit

1


Comentarii (4)

4 comentarii »

  1. cititi blog-ul intreg, destul de bine

    Comentariu by online — 23 martie 2010 @ 1:05

  2. Un articol bun

    Comentariu by Web Design — 10 septembrie 2010 @ 0:21

  3. am si eu o problema am incercat cu background-image:url(”);
    dar imi afiseaza imaginea doar pe o bucata de ecran eu vreau pt tot ecranul :( puteti sa imi spuneti si mie?

    Comentariu by Mihnea — 2 februarie 2011 @ 21:20

  4. adauga: background-repeat: repeat;

    Comentariu by admin — 6 februarie 2011 @ 13:04

Feed RSS pentru acest articol. TrackBack URL

Lasă un comentariu

Ultimele articole

Categorii



  • Comentarii Recente
  • Cristina B: N-am pag. web, dar doresc sa-mi fac una prin forte proprii. N-am nici suficienti bani sa platesc asemenea...
  • admin: adauga: background-repeat: repeat;
  • Mihnea: am si eu o problema am incercat cu background-image:url(”); dar imi afiseaza imaginea doar pe o bucata...
  • Florin: foarte interesant articolul
  • Web Design: Un articol bun