Cascading Style Sheets (CSS) er et språk som brukes til å style websider skrevet i HTML og XML. Disse stilarkene består av en enorm mengde egenskaper som kan brukes til å forbedre utseendet på websider. Disse egenskapene er nyttige når du formaterer elementer på en webside. I denne oppskrivningen vil vi spesielt fokusere på egenskapene som brukes til å bruke farge og bakgrunnsfarge på tekst på en webside.

Først vil vi se på fargeegenskapen til CSS som kan brukes til å bruke tekstfargen som vises på websiden.

Tekstfarge

Du kan bruke farge på teksten på en webside ved å bruke CSS -fargeegenskapen. Det kan være tre tilnærminger til å bruke farge på teksten som er som følger.

1. Bruk fargenavnet

Den enkleste måten å bruke farge på teksten på er ved å bruke fargenavnet. CSS støtter totalt 140 fargenavn som rød, gul, maroon, skyblue osv. For eksempel,

H1
Farge: blå;

2. Bruk en hex -fargekode

Disse kodene angir intensiteter av primærfarge og er skrevet med tre par tegn. 00 representerer den laveste intensiteten til en primærfarge og FF representerer den høyeste intensiteten til en primærfarge. For eksempel er hex -koden for rød.

H1
Farge: #0000ff;

3. Bruk en RGB -verdi

RGB er en fargemodell som er sammensatt av de tre primærfargene røde, grønne og blå. Verdiområdet for disse fargene er 0 til 255. 0 representerer den laveste intensiteten til en primærfarge og 255 representerer den høyeste intensiteten til en primærfarge. RGB -verdien av blå er (0,0,255), rød er (255,0,0), gul er (255,255,0), etc.

H1
Farge: RGB (255,255,0);

La oss se et eksempel på å bruke farger på forskjellige HTML -elementer.

Eksempel
I det følgende eksemplet har vi demonstrert alle de ovennevnte tilnærmingene til å bruke farger på forskjellige HTML-elementer ved å bruke CSS-fargeegenskapen til CSS.

Denne overskriften er grønn

Denne overskriften er blå

Dette avsnittet er rødt

Produksjon

Fargen på

elementet er satt til grønn ved hjelp av hex -kodetilnærmingen, farge på

elementet er satt til blått ved hjelp av fargetavn tilnærmingen og fargen på

Elementet er satt til rødt ved hjelp av RGB -verdien.

Nå som vi har en grunnleggende forståelse av å bruke farge på tekst, la oss prøve å forstå hvordan vi bruker bakgrunnsfarge på elementer på en webside.

Bakgrunnsfarge
Du kan bruke bakgrunnsfarge på elementene på en webside ved å bruke bakgrunnsfargegenskapen til CSS. Dette kan gjøres ved hjelp av de tre tilnærmingene som er nevnt i delen ovenfor. La oss se et eksempel.

Eksempel
I det følgende eksemplet har vi demonstrert både fargeegenskapen og bakgrunnsfargegenskapen til CSS.

Dette er et avsnitt

Klikk på meg

I det ovennevnte brukte vi de tre forskjellige tilnærmingene (fargenavn, hex -kode, RGB -verdi) for å gi tekstfarge og bakgrunnsfarge til tre forskjellige elementer (, og).

Produksjon

Bruk av farge- og bakgrunnsfargede egenskaper alle de tre elementene blir stylet.

Konklusjon

Ved å bruke CSS-farge- og bakgrunnsfarger kan du bruke farger og bakgrunnsfarger på teksten din i et HTML-dokument. Fargen kan spesifiseres ved å bruke fargenavnet, hex -koden til fargen eller RGB -verdien på fargen. Verdiområdet for en HEX -kode er 00 til FF, mens verdiområdet for en RGB -verdi er 0 til 255. Disse områdene representerer intensiteten i primærfarger. Denne oppskrivningen fremhever farge- og bakgrunnsfargeregenskapene til CSS i dybden ved hjelp av passende eksempler.