Stil Background CSS

Threaded Mode | Linear Mode

Stil Background CSS

Author

Message

FrozenDesigns
Designer incepator

Posts: 220
Group: Registered
Joined: Feb 2008
Status: Offline
Reputation: 0
Lei: 898.79

Post: #1

Stil Background CSS

Culoarea pentru fundal (background) sau imagine poate fi definitÄƒ pentru Ã®ntreaga paginÄƒ, o celulÄƒ a tabelului sau pentru text.

Culoare de fond
background-color defineÅŸte culoarea de fond ÅŸi poate fi asociat oricÄƒrei etichete HTML.

Exemplu: definim un stil pentru Ã®ntreg BODY ÅŸi un altul pentru eticheta p

Cod:

<html>
<head>
<title>Exemplu</title>
<style type="text/css">

</style>
</head>
<body>
Text normal
<p>Text cu background rosu</p>
</body>
</html>

Imagine de fond
Imaginile pot fi folosite ca fundal Ã®n spatele Ã®ntregii pagini, a unui obiect sau a textului.
background-image asociazÄƒ o imagine ca fundal unui obiect.

Exemplu: definim un stil pentru eticheta p

Cod:

<html>
<head>
<title>Exemplu</title>
<style type="text/css">

</style>
</head>
<body>
Text normal
<p>Text cu imagine de fond</p>
</body>
</html>

Repetare
FuncÅ£ie de dimensiunile obiectului cÄƒruia Ã®i sunt asociate imaginile de fond se repetÄƒ pe orizontalÄƒ ÅŸi verticalÄƒ.
Repetarea poate fi controlatÄƒ prin parametrul background-repeat care poate lua valorile:
repeat-x - imaginea se repetÄƒ pe orizontalÄƒ
repeat-y - imaginea se repetÄƒ pe verticalÄƒ
no-repeat - imaginea nu se repetÄƒ

Exemplu: imaginea nu se repetÄƒ sub eticheta p:

Cod:

<html>
<head>
<title>Exemplu</title>
<style type="text/css">

</style>
</head>
<body>
Text normal
<p>Text cu imagine de fond</p>
</body>
</html>

PoziÅ£ia
ÃŽn mod normal imaginea de fundal Ã®ncepe din colÅ£ul stÃ¢nga sus al obiectului asociat, dar acest lucru poate fi controlat prin comanda CSS background-position.
Sunt acceptate douÄƒ valori:
Ã®n prima poziÅ£ie poate fi: top, center, bottom, percentage sau pixel
Ã®n a doua poziÅ£ie poate fi: right, center, left, percentage sau pixel

Exemplu: imaginea de fundal este asociatÄƒ etichetei BODY fiind amplasatÄƒ top ÅŸi center, fÄƒrÄƒ repetare:

Cod:

<html>
<head>
<title>Exemplu 5_4</title>
<style type="text/css">

</style>
</head>
<body>
Text normal
</body>
</html>

My portofolio

02-15-2008 02:59 AM

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites

Forum Jump: