TechCodeview

CSS-taustaominaisuutta käytetään määrittämään elementin taustatehosteet. On viisi CSS-taustaominaisuutta, jotka vaikuttavat HTML-elementteihin:

java listnode

1. taustaväri
2. taustakuva
3. taustatoisto
4. tausta-liite
5. tausta-asento

1) CSS-taustaväri

Taustaväri-ominaisuutta käytetään määrittämään elementin taustaväri.

Voit asettaa taustavärin seuraavasti:

verkko ja verkkotyypit

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

Lähtö:

Ensimmäinen CSS-sivuni.

Hei Javapoint. Tämä on esimerkki CSS-taustaväristä.

2) CSS-taustakuva

background-image-ominaisuutta käytetään kuvan asettamiseen elementin taustaksi. Oletusarvoisesti kuva peittää koko elementin. Voit asettaa taustakuvan tällaiselle sivulle.

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

4) CSS-taustaliite

Back-attachment-ominaisuutta käytetään määrittämään, onko taustakuva kiinteä vai vieritetäänkö selainikkunassa sivun muun osan kanssa. Jos asetat taustakuvan kiinteäksi, kuva ei liiku selaimessa selattaessa. Otetaan esimerkki kiinteällä taustakuvalla.

.tostring java

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

5) CSS-tausta-sijainti

Background-position -ominaisuutta käytetään taustakuvan alkuperäisen sijainnin määrittämiseen. Oletuksena taustakuva sijoitetaan verkkosivun vasempaan yläkulmaan.

Voit asettaa seuraavat asennot:

1. keskusta
2. alkuun
3. pohja
4. vasemmalle
5. oikein

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