Hoe de achtergrond en tekstkleur van een webpagina te veranderen

Hieronder vindt u de stappen voor het wijzigen van de achtergrondkleur van een webpagina in HTML en CSS. Hoewel de achtergrondkleur kan worden gedaan met de HTML BODY-tag, raden we aan de achtergrondkleurwaarden in CSS op te geven, zoals hieronder wordt weergegeven.

Tip: wanneer u de kleur van een webpagina-element definieert, moet u mogelijk HTML-kleurcodes gebruiken. Voor hoofdkleuren kunt u ook de namen van die kleuren opgeven in plaats van de kleurcodes te gebruiken, bijvoorbeeld rood, blauw, groen en zwart in plaats van de respectieve kleurcodewaarden te gebruiken.

CSS-voorbeeld

In het onderstaande CSS-voorbeeld stellen we de body in op een achtergrondkleur van zwart door "background-color: # 000;" in het lichaamsblok. Omdat de achtergrondkleur zwart is, moet de tekstkleur ook worden gewijzigd of niet worden gezien. Dus we stellen de tekstkleur in op wit door "color: #fff;" toe te voegen in het blok.

 lichaam {font-family: Helvetica, Arial, sans-serif; background-color: # 000; color: # fff; } 

Als uw pagina geen CSS gebruikt of u niet naar CSS wilt converteren, vindt u hieronder de stappen voor het uitvoeren van de BODY-tag in de HTML-code. Zoals eerder vermeld, raden we echter ten zeerste aan de bovenstaande CSS-code te gebruiken in plaats van de body-tag. Als u CSS-opmaak gebruikt, kunt u de achtergrondkleurwaarden eenmaal wijzigen en worden de wijzigingen automatisch toegepast op alle HTML-elementen die die stijl gebruiken.

HTML body-tag voorbeeld

In sommige zeer zeldzame situaties is het misschien niet mogelijk om CSS te gebruiken. Voor die situaties kunt u ook de achtergrondkleur, tekstkleur, verbindingskleur en andere waarden in de HTML-body-tag definiëren, zoals hieronder wordt weergegeven.

Hieronder staan ​​de beschrijvingen van elk van de HTML-kenmerken in de body-tag.

TEXT = De kleur van tekst.

LINK = de kleur van links.

VLINK = bezochte linkkleur .

ALINK = Kleur van de actieve link of de kleur waarnaar de link wordt gewijzigd wanneer erop wordt geklikt.

BGCOLOR = De achtergrondkleur van de pagina.

Tip: om een ​​betere illustratie van alle bovenstaande waarden te geven, is op deze pagina de koppelingskleur blauw, zijn koppelingen die u hebt bezocht paars en zijn koppelingen die worden aangeraakt of waarop is geklikt, rood.