Hoe de tekst- en voorgrondkleur in te stellen met de eigenschap Cascading Style Sheets Color
U kunt de kleur van de tekst op een webpagina of een gedeelte (of element) van een webpagina beheren met de eigenschap Color Cascading Style Sheets. Naast het regelen van de tekstkleur, kunt u ook de CSS-kleureigenschap gebruiken om de kleur in te stellen voor de horizontale regel en formulierelementen. Laten we een voorbeeld bekijken dat de eigenschap color gebruikt om de tekst in de opening te plaatsen

en sluiten

tags zwart en de kleur voor het element rood.

Basic CSS-code



Voorbeeld


tekst komt hier




jouw e-mailadres



Elke CSS-regel bevat een selector en een aangifteblok. Het CSS-declaratieblok wordt geplaatst tussen accolades openen {en sluiten} en bevat een of meer eigenschap-waardeparen voor elke selector.

selectors
p
het formulier
De eerste CSS-regel in ons voorbeeld bepaalt de kleur voor de tekst tussen elke

tags op onze webpagina. De p in de

tag is de selector voor deze regel en vertelt de browser om de tekst in te stellen op de kleur zwart. De tweede regel gebruikt de formulierelementkiezer voor de tag om de kleur van de tekst "Uw e-mailadres" in te stellen op rood.

Eigendommen

kleur:
De eigenschap color is het kenmerk dat de kleur voor de tekst- en voorgrondkleur instelt. In ons voorbeeld wordt de eigenschap color gebruikt om de kleur in te stellen voor zowel de p- als de vormelementen. Merk op dat de eigenschapsnaam wordt gevolgd door een dubbele punt (:).

waarden
#000000;
rood;
U kunt de kleurnaam, de hexadecimale kleurcode of de RGB-kleurcode gebruiken om de kleurwaarde in te stellen. In ons voorbeeld hebben we de hexadecimale kleurcode (# 000000) voor het p-element en de kleurnaam (rood) voor het formulierelement gebruikt. We hadden ook de RGB-kleurcode rgb kunnen gebruiken (100%, 0%, 0%). Merk op dat de kleurwaarde wordt gevolgd door een puntkomma (;).




Video-Instructies: Dreamweaver CC - Tutorial for Beginners [COMPLETE] (Mei 2024).