Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Stiluri Pentru Background

    Încărcat de

    andy_007_io
    36 vizualizări2 pagini

    Titlu original

    [5] Stiluri Pentru Background

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    TXT, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    36 vizualizări2 pagini

    Stiluri Pentru Background

    Încărcat de

    andy_007_io

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 2

    Background culoare sau imagine poate fi definita pentru intreaga pagina, o celul

    a a tabelului sau pentru text.


    5.1 Culoare de fond
    background-color defineste culoarea de fond si poate fi asociat oricarei etichet
    e HTML.
    CSS/exemplu5_1.html">Exemplu: definim un stil pentru intreg BODY si un altul pen
    tru eticheta p

    <html>
    <head>
    <title>Exemplu 5_1</title>
    <style type="text/css">
    <!--
    body {background-color: #FFFF00;}
    p {background-color: #FF0000;}
    -->
    </style>
    </head>
    <body>
    Text normal
    <p>Text cu background rosu</p>
    </body>
    </html>
    5.2 Imagine de fond
    Imaginile pot fi folosite ca fundal in spatele intregii pagini, a unui obiect sa
    u a textului.
    background-image asociaza o imagine ca fundal unui obiect.
    Exemplu: definim un stil pentru eticheta p

    <html>
    <head>
    <title>Exemplu 5_2</title>
    <style type="text/css">
    <!--
    p {background-image: url(poza.jpg);}
    -->
    </style>
    </head>
    <body>
    Text normal
    <p>Text cu imagine de fond</p>
    </body>
    </html>
    5.3 Repetare
    Functie de dimensiunile obiectului caruia ii sunt asociate imaginile de fond se
    repeta pe orizontala si verticala.
    Repetarea poate fi controlata prin parametrul background-repeat care poate lua v
    alorile:
    repeat-x imaginea se repeta pe orizontala
    repeat-y imaginea se repeta pe verticala
    no-repeat imaginea nu se repeta
    Exemplu: imaginea nu se repeta sub eticheta p

    <html>
    <head>
    <title>Exemplu 5_3</title>
    <style type="text/css">
    <!--
    p {background-image: url(poza.jpg);
    background-repeat: no-repeat;}
    -->
    </style>
    </head>
    <body>
    Text normal
    <p>Text cu imagine de fond</p>
    </body>
    </html>
    5.4 Pozitia
    In mod normal imaginea de fundal incepe din coltul stanga sus al obiectului asoc
    iat, dar acest lucru poate fi controlat prin comanda CSS background-position.
    Sunt acceptate doua valori:
    in prima pozitie poate fi: top, center, bottom, percentage sau pixel
    in a doua pozitie poate fi: right, center, left, percentage sau pixel
    Exemplu: imaginea de fundal este asociata etichetei BODY fiind amplasata top si
    center, fara repetare

    <html>
    <head>
    <title>Exemplu 5_4</title>
    <style type="text/css">
    <!--
    body {background-image: url(poza.jpg);
    background-repeat: no-repeat;
    background-position: top center;}
    -->
    </style>
    </head>
    <body>
    Text normal
    </body>
    </html>

    S-ar putea să vă placă și