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.
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.