Ara Awọn aworan abẹlẹ Ti o Ṣe Ni rọọrun

html

Ẹya ti o wuyi ti o yoo rii lori ọpọlọpọ awọn aaye ni ibiti agbegbe akoonu aarin ti han lati bo oju-iwe naa pẹlu ojiji ojiji lẹhin rẹ. O jẹ ọna ti o rọrun ti o rọrun lati jẹ ki bulọọgi rẹ dara (tabi oju opo wẹẹbu miiran) pẹlu aworan atẹhin kan.

Bawo ni o ṣe ṣe?

  1. Ṣe iṣiro bi akoonu rẹ ṣe gbooro to. Apere: 750px.
  2. Kọ aworan kan ninu ohun elo apejuwe rẹ (Mo lo Oluyaworan) gbooro ju agbegbe akoonu lọ. Apere: 800px.
  3. Ṣeto abẹlẹ ti aworan si abẹlẹ ti o fẹ lati ni ni ẹgbẹ kọọkan bulọọgi naa.
  4. Ṣafikun agbegbe funfun kan lẹhin.
  5. Fi ojiji kan si agbegbe funfun ti o jade lati ẹgbẹ mejeeji ni agbegbe naa.
  6. Ṣeto agbegbe irugbin na iwọn nipasẹ ẹbun 1 ni giga. Eyi yoo ṣe aworan lati ṣe igbasilẹ dara ati iwapọ fun atunṣe ni kiakia.
  7. O wu aworan.

Eyi ni bii Mo ṣe kọ ọ ni lilo Oluyaworan (ṣe akiyesi pe Mo ni agbegbe irugbin na ti o ga julọ… iyẹn ni ki o le rii ohun ti Mo n ṣe):
Lẹhin pẹlu Oluyaworan

Eyi ni apẹẹrẹ ti bi iṣujade yoo ṣe wo pẹlu aworan abẹlẹ:
Apẹẹrẹ ti abẹlẹ Aworan

Eyi ni bi o ṣe le lo aworan naa ni lilo tag tag ara rẹ ninu rẹ CSS faili.

abẹlẹ: # B2B2B2 url ('awọn aworan / bg.gif') tun-y aarin;

Eyi ni ipin kan ti tag ara aṣa lẹhin:

  • # B2B2B2 - ṣeto awọ isale lapapọ ti oju-iwe naa. Ninu apẹẹrẹ yii, o jẹ grẹy lati baamu grẹy lori aworan abẹlẹ.
  • url ('awọn aworan / bg.gif') - ṣeto aworan isale ti o fẹ lati lo.
  • tun-y - ṣeto aworan lati tun ṣe lori ipo-y. Nitorinaa aworan abẹlẹ yoo tun ṣe lati oke de isalẹ ti oju-iwe naa.
  • aarin - ṣeto aworan ni aarin oju-iwe naa.

O dara ati rọrun image aworan kan, ami aṣa kan!

2 Comments

  1. 1
  2. 2

Kini o le ro?

Aaye yii nlo Akismet lati dinku apamọ. Mọ bi a ṣe n ṣalaye data rẹ ti o ṣawari.