CSS svojstvo pozadine koristi se za definiranje pozadinskih efekata na elementu. Postoji 5 svojstava CSS pozadine koja utječu na HTML elemente:
- boja pozadine
- pozadinska slika
- pozadinsko ponavljanje
- pozadina-prilog
- pozadina-položaj
1) CSS boja pozadine
Svojstvo background-color koristi se za određivanje boje pozadine elementa.
preuzimanje videa s youtube vlc
Boju pozadine možete postaviti ovako:
h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p>Testirajte sada
Izlaz:
Moja prva CSS stranica.
Pozdrav Javatpoint. Ovo je primjer CSS boje pozadine.
pretvaranje niza u int
2) CSS pozadinska slika
Svojstvo background-image koristi se za postavljanje slike kao pozadine elementa. Prema zadanim postavkama slika pokriva cijeli element. Možete postaviti pozadinsku sliku za stranicu poput ove.
pretvori str u int
body { background-image: url('paper1.webp'); margin-left:100px; }Testirajte sada
4) CSS pozadinski prilog
Svojstvo background-attachment koristi se za određivanje je li pozadinska slika fiksna ili se pomiče s ostatkom stranice u prozoru preglednika. Ako postavite fiksnu pozadinsku sliku, slika se neće pomicati tijekom listanja u pregledniku. Uzmimo primjer s fiksnom pozadinskom slikom.
background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed;Testirajte sada
5) CSS položaj pozadine
Svojstvo background-position koristi se za definiranje početnog položaja pozadinske slike. Prema zadanim postavkama, pozadinska slika postavljena je u gornjem lijevom kutu web stranice.
Možete postaviti sljedeće položaje:
- centar
- vrh
- dno
- lijevo
- pravo
background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;Testirajte sada