CSS fono ypatybė naudojama elemento fono efektams apibrėžti. Yra 5 CSS fono ypatybės, turinčios įtakos HTML elementams:

1. fono spalva
2. fono vaizdas
3. fono kartojimas
4. fonas-priedas
5. fono padėtis

formato eilutė java

1) CSS fono spalva

Fono spalvos ypatybė naudojama elemento fono spalvai nurodyti.

Fono spalvą galite nustatyti taip:

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

Išvestis:

Mano pirmasis CSS puslapis.

Sveiki Javapoint. Tai yra CSS fono spalvos pavyzdys.

2) CSS fono vaizdas

Ypatybė background-image naudojama norint nustatyti vaizdą kaip elemento foną. Pagal numatytuosius nustatymus vaizdas apima visą elementą. Galite nustatyti tokio puslapio fono paveikslėlį.

int konvertavimas į eilutę Java

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

4) CSS fono priedas

Fono priedo ypatybė naudojama norint nurodyti, ar fono vaizdas yra fiksuotas, ar naršyklės lange slinkti su likusia puslapio dalimi. Jei nustatysite fiksuotą fono vaizdą, vaizdas nejudės slenkant naršyklėje. Paimkime pavyzdį su fiksuotu fono paveikslėliu.

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

5) CSS fono padėtis

Fono padėties ypatybė naudojama nustatyti pradinę fono vaizdo padėtį. Pagal numatytuosius nustatymus fono vaizdas yra tinklalapio viršuje, kairėje.

Galite nustatyti šias pozicijas:

1. centras
2. viršuje
3. apačioje
4. paliko
5. teisingai

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