Die kenmerk Cascading Style Sheets (CSS) word meestal gebruik om die kleur van hiperskakels op webblaaie te verander. Minder funksionele oplossings vir hierdie probleem is in die HTML-taal (HyperText Markup Language - "hypertext markup language").
Dit is nodig
Basiese kennis van HTML- en CSS-tale
Instruksies
Stap 1
Berei 'n stylblok vir hiperskakels voor. In sy eenvoudigste vorm kan dit so lyk: a {kleur: Groen} Hier word 'a' '' keurder 'genoem, wat aandui dat die stylbeskrywing tussen hakies op alle skakeltikette in die dokument toegepas moet word. Groen definieer die kleur van die skakel; dit is 'n baie growwe definisie van kleur en word selde gebruik. Veel meer dikwels word 'n "pseudoklas" by die "a" -kieser gevoeg - dit is 'n etiket waarmee u die styl van die skakel in drie verskillende toestande kan spesifiseer.
Stap 2
Gebruik die skakel-pseudoklas om die normale (onaktiewe) toestand van die skakel te styl. Dit kan soos volg lyk, byvoorbeeld: a: skakel {kleur: groen}
Stap 3
Gebruik die pseudoklas-sweef om aan te dui hoe die skakel op die sweef moet verskyn. Byvoorbeeld: a: hover {color: Lime}
Stap 4
Gebruik die besoekte pseudoklas om die styl van 'n reeds besoekde skakel te beskryf. Byvoorbeeld: a: besoek {color: DarkGreen}
Stap 5
Kombineer al drie toestande in een stylbeskrywingsblok. Die voorkoms van HTML-kode wat CSS-beskrywings van style bevat, kan byvoorbeeld so lyk:
a: skakel {kleur: groen}
a: besoek {kleur: Donkergroen}
a: sweef {kleur: Kalk}
Hier gee die aanvangs- en afsluitende HTML-styletikette die blaaier aan waar stylbeskrywings begin en eindig, en tussen hulle is 'n beskrywing van die skakelgedrag in drie state.
Stap 6
Die voorbeeld hierbo gebruik slegs die kleureienskappe, maar ander eienskappe kan in die beskrywing opgeneem word. Byvoorbeeld, as die bladsyontwerp vereis dat die skakel nie in die normale (onaktiewe) toestand onderstreep word nie, maar onderstreep word as die muis oor die muis beweeg, kan die kode soos volg gewysig word:
a: skakel {kleur: Groen; teksversiering: geen;}
a: besoek {kleur: Donkergroen; teksversiering: geen;}
a: sweef {kleur: Kalk; teksversiering: onderstreep;}
Stap 7
As u die kleur van slegs enkele skakels op die bladsy wil verander, en die res met die verstekinstellings wil laat, voeg dan die klaskenmerk by die etiket van elke skakel wat verander word. Noem byvoorbeeld hierdie hiperskakelklas newLinks. Dan kan die skakeltag so lyk: teksskakel Dieselfde klasnaam moet by die stylbeskrywing gevoeg word:
a.newLinks: skakel {kleur: Groen; teksversiering: geen;}
a.newLinks: besoek {kleur: DonkerGroen; teksversiering: geen;}
a.newLinks: sweef {kleur: Kalk; teksversiering: onderstreep;}
Stap 8
Plaas die stylbeskrywingskode wat opgestel is uit die voorbeelde hierbo beskryf in die opskrif van die bladsy - tussen die tags en. Voeg, indien nodig, 'n klaskenmerk by die skakelmerke met die naam wat in die stylbeskrywings gebruik word. Stoor dan die gewysigde bladsy en die prosedure vir die verandering van die kleur van die hiperskakels sal voltooi word.
