Kako Napraviti Pozadinu Veze

Sadržaj:

Kako Napraviti Pozadinu Veze
Kako Napraviti Pozadinu Veze

Video: Kako Napraviti Pozadinu Veze

Video: Kako Napraviti Pozadinu Veze
Video: KAKO STAVITI PROVIDNU POZADINU|TUTORIAL 2024, Novembar
Anonim

Od izuma jezika za označavanje hiperteksta, HTML, koncepti izgleda i izgleda web dokumenata dramatično su se promijenili. Uz gotovo potpunu podršku popularnih pregledača za CSS i CSS2 standarde kaskadnih listova stilova, postalo je moguće utjecati na gotovo svaki aspekt vizualne prezentacije dokumenta. Na primjer, možete napraviti pozadinu veze obojanom, ispunjenom nekom slikom, a također se mijenjati ovisno o radnjama korisnika.

Kako napraviti pozadinu veze
Kako napraviti pozadinu veze

Potrebno

  • - mogućnost uređivanja teksta dokumenta ili teksta listova stilova dokumenta;
  • - uređivač teksta koji vam omogućava da dokument sačuvate u izvornom kodiranju.

Instrukcije

Korak 1

Neka pozadina veze bude jednolično ispunjena slučajnom bojom dodavanjem umetnutih podataka o stilu elementu A. Dodajte stil atributima elementa A koji odgovaraju vezi čiju pozadinu želite promijeniti. U sadržaj atributa style postavite CSS svojstvo background-color sa zadanom vrijednošću, koja je ispravan identifikator za boju pozadine. Na primjer, to može izgledati ovako:

tekst veze

Korak 2

Definirajte pozadinu veze u vanjskoj ili ugrađenoj tabeli stilova u dokumentu. U odgovarajuću tabelu stilova dodajte set pravila kojima se obraća selektor prihvatljivog nivoa specifičnosti. U skup pravila unesite svojstvo boje pozadine na isti način kao u prethodnom koraku. Izaberite specifičnost selektora na osnovu CSS2 kaskadnih pravila i željenog opsega. Dakle, ako trebate postaviti boju samo jedne veze, ima smisla koristiti selektor ID-a, ako postoji nekoliko takvih veza, bolje je koristiti selektor atributa na osnovu vrijednosti klase.

Na primjer, da biste postavili zelenu pozadinu za određenu vezu u dokumentu, na stil listu možete dodati set pravila:

A # ID_GREEN

{

boja pozadine: # 00FF00;

}

Također biste trebali postaviti atribut ID elementa A koji odgovara željenoj vezi na ID_GREEN:

tekst veze

Korak 3

Popunite pozadinu veze slikom. Slijedite metode opisane u prvom i drugom koraku, ali umjesto CSS svojstva background-color, koristite background-image. Na primjer:

tekst veze

Ako je potrebno, dodajte svojstvo ponavljanja pozadine u postavljena pravila CSS-a kako biste definirali opcije za dupliciranje slike u pozadini vodoravno i okomito.

Korak 4

Promijenite pozadinu veze kad zadržite pokazivač iznad nje ili kad se fokus pomakne. Dodajte skupove pravila vanjskom ili ugrađenom listu stilova dokumenta koji definiraju pozadinu veze ili grupe veza u različitim stanjima. Koristite selektore ID-a i atributa zajedno s dinamičkim pseudo-klasama: hover,: active i: focus. Na primjer, da bi pozadina veze s vrijednošću ID atributa ID_DYNAMIC_BACKGROUND bila crvena u neaktivnom stanju i zelena u stanju da se nalazi ispod kursora miša, sljedeći skupovi pravila moraju se dodati na listu stilova:

# ID_DYNAMIC_BACKGROUND

{

boja pozadine: # FF0000;

}

# ID_DYNAMIC_BACKGROUND: lebdite

{

boja pozadine: # 00FF00;

}

To možete učiniti i za stvaranje pozadine sa dinamički promjenjivom slikom.

Preporučuje se: