Orodha ya maudhui:

Unawekaje picha ya mandharinyuma katika CSS?
Unawekaje picha ya mandharinyuma katika CSS?

Video: Unawekaje picha ya mandharinyuma katika CSS?

Video: Unawekaje picha ya mandharinyuma katika CSS?
Video: Jifunze HTML na CSS #06 - Building Website [CSS Styles and Navigation] (Swahili) 2024, Desemba
Anonim

Kwa chaguo-msingi, a usuli - picha huwekwa kwenye kona ya juu-kushoto ya kipengele, na kurudiwa kwa wima na kwa usawa. Kidokezo: The usuli ya kipengee ni saizi ya jumla ya kitu, pamoja na pedi na mpaka (lakini sio ukingo). Kidokezo: Daima kuweka a usuli -Rangi ya kutumika ikiwa picha haipatikani.

Vivyo hivyo, watu huuliza, ninawekaje picha ya mandharinyuma katika CSS?

Kwa chaguo-msingi, a usuli - picha huwekwa kwenye kona ya juu-kushoto ya kipengele, na kurudiwa kwa wima na kwa usawa. Kidokezo: The usuli ya kipengee ni saizi ya jumla ya kitu, pamoja na pedi na mpaka (lakini sio ukingo). Kidokezo: Daima weka a usuli -Rangi ya kutumika ikiwa picha haipatikani.

Zaidi ya hayo, kwa nini picha yangu ya usuli ya CSS haifanyi kazi? Ikiwa unajitahidi kupata picha ya usuli kwenye kichwa chako kuonekana, usijali. Kwa kuwa nambari hiyo ndogo huishi ndani yako css folda, utahitaji pia kukumbuka kupanda kiwango ili kufika ya img folda, ambapo yako Picha ni. Hakikisha umeongeza../ kwa ya mbele ya ya URL yako picha ya mandharinyuma kwa kazi.

Kwa kuongeza, ninawezaje kutengeneza picha ya mandharinyuma katika HTML?

Andika <div style=" usuli - picha : url('[ picha url]');"> katika mstari unaofuata. Hii ndiyo HTML tag kuongeza a picha ya mandharinyuma kwa ukurasa wako wa wavuti. Badilisha "[ picha url]" na eneo halisi la url ya picha unataka kuongeza.

Ninawezaje kuongeza picha ya mandharinyuma kwenye div?

Tuseme una div na class div kisha utumie nambari hizi kuweka picha kama msingi wa div

  1. . div {
  2. picha ya mandharinyuma: url('kiungo cha picha');
  3. nafasi ya usuli: katikati;
  4. kurudia-rudia: hakuna-kurudia;
  5. }

Ilipendekeza: