Hvordan endre bakgrunnsfarge i HTML
Bakgrunnsfarge på HTML -dokumentet/elementet forbedrer nettsidenes estetikk. Å endre bakgrunnsfargen på en HTML -webside lar deg lage unike fargede oppsett. Å legge til bakgrunnsfarge til HTML gjør den mest skiller seg ut og gjør det mer lesbart for leserne.
HTML gir omfattende støtte for å manipulere elementene. HTML gir støtte til å endre bakgrunnsfargen i henhold til kravet.
Denne artikkelen tar sikte på å tjene forskjellige metoder for å endre bakgrunnsfargen i HTML. Du vil få følgende læringsutbytte:
- Hvordan endre bakgrunnsfargen i HTML ved hjelp av inline CSS
- Hvordan endre bakgrunnsfargen i HTML ved hjelp av den interne CSS
- Hvordan endre bakgrunnsfargen i HTML ved hjelp av den eksterne CSS
Hvordan endre bakgrunnsfarge i HTML
De “Bakgrunnsfarge” -egenskaper i HTML vil endre bakgrunnsfargen. De tidligere versjonene støttet “BgColor” eiendom som ikke lenger støttes av den nyeste versjonen. De “Bakgrunnsfarge” -egenskaper kan utøves via følgende midler:
- Inline CSS: CSS -stilene legges til i taggen
- Intern CSS: Stilen blir lagt til i hodeseksjonen i HTML -dokumentet
- Ekstern CSS: En ekstern CSS -fil opprettes og kobles til HTML -dokumentet for å legge til endringene
Alle disse metodene er diskutert i de kommende seksjonene.
Hvordan endre bakgrunnsfargen i HTML ved hjelp av inline CSS
Inline CSS brukes inne i elementets åpningsmerke for elementet, inline CSS vil bare påvirke elementet der det brukes. Vi vil bruke bakgrunnsfargegraden for å endre fargeattributtet
Kode:
| 1 2 3 | Vi brukte bakgrunnsfargen attributtet for å endre bakgrunnsfargen |
Her brukte vi inline CSS i kroppskoden, til bakgrunnsfarge
Vi har brukt stilattributtet inne i kroppskoden og lagt til bakgrunnsfargen og tildelt Azure Color-nøkkelordnavnet til den.
Produksjon:
Bakgrunnsfarge på kroppskoden endres til Azure etter påføring av inline CSS.
Hvordan endre bakgrunnsfargen i HTML ved hjelp av intern CSS
Intern CSS brukes til å style et enkelt HTML -dokument inne i hodeseksjonen. All CSS -koden vil være inne i stilkoden og stilkoden vil være inne i hodemerket.
Kode:
| 1 2 3 4 5 6 7 |
Vi brukte inline CSS og valgte kroppsdelen for å bruke "bakgrunnsfarget" egenskapen.
Produksjon:
Som du ser, endret bakgrunnsfargen til Azure ved hjelp av Inline CSS.
Hvordan endre bakgrunnsfargen i HTML ved hjelp av ekstern CSS
Ekstern CSS er en egen fil som bare inneholder CSS -kode. Den er koblet inne i hodeseksjonen i en HTML -fil ved hjelp av tag, den kan brukes til å gjøre endringer på flere websider. Eksterne CSS -filer må lagres med .CSS -utvidelse.
CSS -kode:
| 1 2 3 | kropp Bakgrunnsfarge: #F0ffff; |
Det opprettes en CSS -fil "stil.CSS ” og ovennevnte kode er skrevet inne "stil.CSS ”.
HTML -kode:
| 1 2 3 |
Videre brukes følgende linjer til å koble CSS -filen i et HTML -dokument.
Tag brukes til å koble CSS -filen i hodeseksjonen.
Produksjon:
Det observeres at bakgrunnsfargen endres fra standard til Azure.
Konklusjon
Bakgrunnsfarget attributt vil endre bakgrunnsfargen i HTML. Attributtet bakgrunnsfarge vil bli brukt ved hjelp av alle stylingmetodene som er inline, interne og eksterne CSS. "Fargenavn", "Hexa" -verdien av farger, eller "RGB" -kombinasjonen av "bakgrunnsfarget" egenskapen kan brukes til å bruke en rekke farger.