Javascript Tekstkleur wijzigen

| | | | | | | | | | | | | | | | | | | | | | | | | |

De CSS background-color eigenschap past kleur toe op een tekstelement. U kunt een ingebouwd CSS-kleursleutelwoord, hexadecimale waarde of een andere kleurwaarde opgeven met de eigenschap Achtergrondkleur . De syntaxis voor deze eigenschap is: color: yourcolor;

Het aanpassen van de kleur van de kleur en achtergrond van tekst op een website is een essentieel onderdeel van webdesign

. . is waar de CSS-kleureigenschappen en achtergrondkleur in het spel komen. Met de kleureigenschap kunt u de kleur van de HTML-tekst instellen. Met de eigenschap background-color kunt u de achtergrondkleuren van de tekst definiëren.

In deze zelfstudie wordt met voorbeelden besproken hoe u de tekstkleur in CSS instelt. Vervolgens bespreken we hoe u de achtergrondkleur van een tekstelement instelt.

CSS-lettertypekleur

De kleur van het CSS-lettertype wordt ingesteld met de eigenschap color. De kleureigenschap stelt de kleur van de tekst in, niet de achtergrond van het element. . U kunt CSS-kleursleutelwoorden of kleurwaarden gebruiken als hex-tekenreeksen om een kleur te definiëren

De syntaxis voor de kleureigenschap is:

Deze regel stelt de kleur van alle

tags in een HTML-document in op rood.

We gebruikten een CSS-kleursleutelwoord. Deze trefwoorden zijn handig als u naar een standaardkleur wilt verwijzen, zoals "rood" of "blauw". Maar deze trefwoorden beschrijven niet alle kleuren van het spectrum. Als u een specifieke kleur wilt gebruiken, kunt u een ander type kleurlabel gebruiken

De kleureigenschap accepteert een van de volgende waarden:

Waarde beschrijving Voorbeelden
naam van de kleur Een naam van kleur blauw, felroze
kleur Hex hexadecimale kleur. ID`s zijn zes tekens lang. # f7f7f7, # 0000ff
RGB-kleur de RGB staat voor rood, groen en blauw. rgb (0, 50, 28), rgb (0, 0, 255)
HSL-kleur HSL betekent tint, verzadiging en lichtheid. HSL (0, 50%, 50%), hsl (180, 50%, 25%)

Standaard wordt de tekstkleur gebruikt door een webpagina is de kleur van de tekst die van toepassing is op de -tag op een webpagina. tot minder dan aangegeven, het is zwart.

U kunt de kleur gebruiken eigenschap om linkkleuren in uw stylesheet in te stellen

Laten we een voorbeeld nemen om te demonstreren hoe de kleureigenschap werkt

Css-lettertypekleur wijzigen: .. an example

Stel u ontwerpt een website voor een lokale supermarkt, Peterson and Sons. De eigenaren willen dat de site een bepaald tekstblok in grijs type weergeeft. We kunnen het configureren met de volgende code:

Onze code geeft als resultaat: Klik Afbeelding van de knop

Ofwel door het gebruik van een

HTML-tag om een alinea met tekst te definiëren die de Peterson and Sons-supermarkt beschrijft. Vervolgens maken we in onze CSS-code een stijl die de tekstkleur van alle

-tags op grijs zet. Om dit te doen, gebruiken we een waarde voor de naam van de kleur ("grijs").

zou "rgb (128, 128, 128)" kunnen specificeren in plaats van "grijs" als we willen verwijzen naar een RGB-kleurwaarde. Anders hadden we de tekstkleur op grijs kunnen zetten met een hex- of HSL-waarde.

We gebruiken geen CSS-bestand voor onze stijlen. Onze CSS-stijlen zijn ingesloten in een