Javascript-achtergrondkleur

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

CSS kan intimiderend zijn, zelfs voor ervaren ontwikkelaars - er zijn zoveel opties! Maar in dit artikel zullen we zien hoe u de achtergrondkleur in het HTML-document kunt wijzigen zonder een apart trapsgewijs opmaakmodel te maken.

Als u HTML5 gebruikt, kunt u een achtergrondkleur toevoegen met het stijlkenmerk en de eigenschap `achtergrondkleur`. U kunt dit attribuut implementeren op het element dat u verkiest; om de achtergrondkleur voor de hele pagina in te stellen, moet het stijlkenmerk zich echter in de body-tag bevinden. Uw HTML-code kan er als volgt uitzien:

Deze code geeft ons een HTML-pagina met een oranje achtergrond.

Extra webkleurenschema`s implementeren

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
verschillende kleursystemen kunnen worden gebruikt om de achtergrondkleur te wijzigen

Als u uw kleur in HTML selecteert, accepteert de attribuutstijl hexadecimale codes, HTML-kleur namen, RGB (A)-kleurwaarden en HSL-kleurwaarden. In het geval van RGB-kleuren en HSL-kleuren moeten de kleursystemen worden opgenomen in de achtergrondkleurdeclaratie.

Hieronder vindt u enkele opmaak voorbeelden voor elk kleursysteem:

Hexadecimale code

HTML-kleurnaam

RGB-kleurwaarden ​​

RGBA-kleurwaarden ​​

HSL-kleurwaarden ​​

HSLA-kleurwaarden ​​

Eén ding om zeker van te zijn. Als u deze methode gebruikt om de achtergrondkleur in te stellen, maar later een extern CSS-bestand schrijft, moet u ervoor zorgen dat u de stijl verwijdert attribuut en achtergrondkleur-eigenschap van uw HTML om elke vorm van overschrijven te voorkomen. `other / p>

Conclusie

In dit artikel hebben we uitgelegd hoe u de achtergrondkleur kunt wijzigen met HTML. Als u` Als u nieuw bent in HTML, bekijk dan hier onze gids: HTML leren: een gids voor het leren van Hypertext Markup Language of lees ons artikel Hoe lang duurt het om html te leren?