Een Link Markeren Met Kleur

Inhoudsopgave:

Een Link Markeren Met Kleur
Een Link Markeren Met Kleur

Video: Een Link Markeren Met Kleur

Video: Een Link Markeren Met Kleur
Video: Navigation: highlighting the current page 2024, April
Anonim

De HTML-opmaaktaal heeft een groot aantal opties voor het weergeven van elementen in het browservenster. Om grafische parameters te bewerken, kleur in te stellen op pagina-elementen, wordt vaak CSS gebruikt, waarmee u de gewenste tekstkleur kunt verfijnen.

Een link markeren met kleur
Een link markeren met kleur

instructies:

Stap 1

Om de linkweergaveparameter te bewerken, moet u de paginacode wijzigen. Open uw HTML-document met een hulpprogramma voor het bewerken van codes. Gebruik de standaard Windows-editor "Kladblok". U kunt ook extra programma's installeren, zoals Notepad ++ of HTML-Viewer, waarmee u de code kunt bekijken die u nodig hebt met syntaxisaccentuering. Om het bestand in de editor te openen, klikt u met de rechtermuisknop en selecteert u "Openen met". Geef in de lijst die verschijnt het hulpprogramma op dat u hebt geselecteerd.

Stap 2

Navigeer in het editorvenster naar de link waarvan u de kleur wilt wijzigen. Elke link heeft de vorm Linknaam. Gebruik de stijlparameter om de kleur van de tekst te wijzigen.

Stap 3

Na het selecteren van de regel die u moet wijzigen, gaat u naar het paginablok. Voer na de afsluitende descriptor de tag in en maak de gewenste CSS-pseudoklasse aan. Bijvoorbeeld:

.colorchange {kleur: rood;

achtergrond: blauw;

opvulling: 1px; }

Stap 4

Deze code creëert een pseudo-klasse met de naam kleurverandering die kan worden gebruikt in linkattributen. De kleurparameter is verantwoordelijk voor de kleur van de tekst van het element - in dit geval wordt de waarde rood ingesteld, waardoor de tekst in rood wordt gemaakt. U kunt elke HTML-waarde aan dit item toevoegen. De achtergrondkleur van de link wordt ingesteld via de achtergrondparameter. De opvulparameter is verantwoordelijk voor het inspringen van de link ten opzichte van andere elementen.

Stap 5

Nadat een pseudo-klasse is gemaakt, moet deze in de hoofdtekst van het document zelf worden ingesteld. Ga terug naar het gedeelte van de code waar uw link zich bevindt. Bewerk het door de class-parameter in te typen en het een waarde te geven met de naam van de CSS-pseudoklasse. Bijvoorbeeld:

Linknaam

Stap 6

U maakt een rode link met een blauwe achtergrond en 1-pixel opvulling zoals gespecificeerd in de bovenstaande CSS. Sla de wijzigingen in het bestand op en sluit het editorvenster. Om de opgegeven code te controleren, opent u uw pagina in een browservenster om te controleren of de gemaakte instellingen correct zijn. Het markeren van de link met kleur is voltooid.

Aanbevolen: