Hoe de achtergrondkleur te besturen met behulp van Cascading Style Sheets
U kunt Cascading Style Sheets gebruiken om de kleur van de achtergrond te regelen voor de hele webpagina en voor slechts een afzonderlijk element op de webpagina. Laten we een voorbeeld bekijken waarin de achtergrondkleur voor de webpagina op wit wordt ingesteld en de achtergrondkleur voor de alinea (afzonderlijk element) op rood.

Basic CSS-code



Voorbeeld




selectors
lichaam
p
Er zijn twee CSS-regels in ons voorbeeld. De hoofdtekst in de HTML-tag is de selector die de browser vertelt om de stijl van de eerste regel toe te passen op de achtergrond voor de hele webpagina. De p in de HTML

tag vertelt de browser om de tweede regel toe te passen op de alinea (het element) op de webpagina.

Eigendommen

Achtergrond kleur
De achtergrondkleur is het kenmerk dat door de stijl wordt bestuurd. In ons voorbeeld wordt het achtergrondkleurkenmerk ingesteld voor zowel de webpagina als de alinea. De eigenschapnaam, achtergrondkleur, wordt gevolgd door een dubbele punt (:).

waarden
#ffffff
rood
Aan de rechterkant van de dubbele punt staat de waarde voor de achtergrondkleur. In ons voorbeeld wordt de hexadecimale code voor de kleur wit (#ffffff) gebruikt in de eerste regel en de kleurnaam voor rood (rood) wordt gebruikt voor de tweede regel. U kunt ook de RGB-kleurcode gebruiken of u kunt de waarde instellen op transparant, als u wilt dat de achtergrondkleur transparant is.

achtergrondkleur: transparant
achtergrondkleur: rgb (255,0,0)





Video-Instructies: Technology Stacks - Computer Science for Business Leaders 2016 (Mei 2024).