De CSS-achtergrondeigenschap wordt gebruikt om de achtergrondeffecten op het element te definiëren. Er zijn 5 CSS-achtergrondeigenschappen die van invloed zijn op de HTML-elementen:

1. Achtergrond kleur
2. achtergrond afbeelding
3. achtergrond herhaling
4. achtergrondbijlage
5. achtergrond-positie

smtp-internetprotocol

1) CSS-achtergrondkleur

De eigenschap background-color wordt gebruikt om de achtergrondkleur van het element op te geven.

U kunt de achtergrondkleur als volgt instellen:

 h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p> 

Uitgang:

Mijn eerste CSS-pagina.

Hallo Javatpoint. Dit is een voorbeeld van CSS-achtergrondkleur.

2) CSS-achtergrondafbeelding

De eigenschap background-image wordt gebruikt om een ​​afbeelding in te stellen als achtergrond van een element. Standaard bedekt de afbeelding het gehele element. U kunt de achtergrondafbeelding voor een pagina als deze instellen.

array gesorteerd in Java

 body { background-image: url('paper1.webp'); margin-left:100px; } 

4) CSS-achtergrondbijlage

De eigenschap background-attachment wordt gebruikt om aan te geven of de achtergrondafbeelding vast is of met de rest van de pagina in het browservenster scrollt. Als u de achtergrondafbeelding vast instelt, beweegt de afbeelding niet tijdens het scrollen in de browser. Laten we een voorbeeld nemen met een vaste achtergrondafbeelding.

 background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed; 

5) CSS-achtergrondpositie

De eigenschap background-position wordt gebruikt om de initiële positie van de achtergrondafbeelding te definiëren. Standaard wordt de achtergrondafbeelding linksboven op de webpagina geplaatst.

U kunt de volgende posities instellen:

1. centrum
2. bovenkant
3. onderkant
4. links
5. rechts

 background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;