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 preglednika za CSS i CSS2 standarde kaskadnih listova stilova, postalo je moguće utjecati na gotovo bilo koji 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ćuje spremanje dokumenta u izvornom kodiranju.
Upute
Korak 1
Učinite pozadinu veze jednolično ispunjenom 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 s danom vrijednošću, što je ispravan identifikator za boju pozadine. Na primjer, to može izgledati ovako:
tekst veze
Korak 2
Definirajte pozadinu veze u vanjskom ili ugrađenom listu stilova u dokumentu. U odgovarajući tabelarni slog dodajte set pravila kojima se obraća selektor prihvatljive razine specifičnosti. U skup pravila unesite svojstvo boje pozadine na isti način kao u prethodnom koraku. Odaberite specifičnost selektora na temelju 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 temelju vrijednosti klase.
Na primjer, da biste postavili zelenu pozadinu za određenu vezu u dokumentu, na stil listu možete dodati skup pravila:
# ID_GREEN
{
boja pozadine: # 00FF00;
}
Također biste trebali atribut ID elementa A koji odgovara željenoj poveznici postaviti na ID_GREEN:
tekst veze
3. korak
Ispunite pozadinu veze slikom. Slijedite metode opisane u prvom i drugom koraku, ali umjesto svojstva CSS pozadinske boje koristite pozadinsku sliku. Na primjer:
tekst veze
Ako je potrebno, dodajte svojstvo ponavljanja pozadine u postavljena pravila CSS-a kako biste definirali mogućnosti dupliciranja pozadinske slike vodoravno i okomito.
4. korak
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. Primjerice, da bi pozadina veze s vrijednošću ID atributa ID_DYNAMIC_BACKGROUND bila crvena u neaktivnom stanju i zelena u stanju kao da je pod pokazivačem 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 s dinamički promjenjivom slikom.
