Delweddau Cefndir y Corff Wedi'i Wneud yn Hawdd

html

Nodwedd braf y byddwch chi'n dod o hyd iddi ar lawer o wefannau yw lle mae'n ymddangos bod ardal cynnwys y ganolfan yn troshaenu'r dudalen gyda chysgod gollwng y tu ôl iddi. Mae'n ddull eithaf syml mewn gwirionedd i wneud i'ch blog edrych yn neis (neu wefan arall) gydag un ddelwedd gefndir.

Sut mae'n cael ei wneud?

  1. Ffigurwch pa mor eang yw'ch cynnwys. Enghraifft: 750px.
  2. Adeiladu delwedd yn eich cais darlunio (rwy'n defnyddio Illustrator) yn ehangach na'r maes cynnwys. Enghraifft: 800px.
  3. Gosodwch gefndir y ddelwedd i'r cefndir rydych chi am ei gael ar bob ochr i'r blog.
  4. Ychwanegwch ranbarth gwyn dros y cefndir.
  5. Rhowch gysgod ar y rhanbarth gwyn sy'n allwthio o bob ochr i'r rhanbarth.
  6. Gosodwch arwynebedd y cnwd y lled gan 1 picsel o uchder. Bydd hyn yn gwneud y ddelwedd i'w lawrlwytho'n braf ac yn gryno i'w rendro'n gyflym.
  7. Allbwn y ddelwedd.

Dyma sut y gwnes i ei adeiladu gan ddefnyddio Darlunydd (nodwch fod gen i arwynebedd y cnwd yn llawer talach ... dyna er mwyn i chi weld beth rydw i'n ei wneud):
Cefndir gyda Darlunydd

Dyma enghraifft o sut y byddai'r allbwn yn edrych gyda'r ddelwedd gefndir:
Enghraifft o Ddelwedd Gefndir

Dyma sut i gymhwyso'r ddelwedd gan ddefnyddio'ch tag steil corff yn eich CSS ffeil.

cefndir: # B2B2B2 url ('images / bg.gif') canolfan ailadrodd-y;

Dyma ddyraniad o'r tag arddull cefndir:

  • # B2B2B2 - yn gosod lliw cefndir cyffredinol y dudalen. Yn yr enghraifft hon, mae'n llwyd i gyd-fynd â'r llwyd ar y ddelwedd gefndir.
  • url ('images / bg.gif') - yn gosod y ddelwedd gefndir yr hoffech ei defnyddio.
  • ailadrodd-y - yn gosod y ddelwedd i'w hailadrodd ar echel y. Felly bydd y ddelwedd gefndir yn ailadrodd o ben i waelod y dudalen.
  • canol - yn gosod y ddelwedd yng nghanol y dudalen.

Neis a hawdd ... un ddelwedd, un tag steil!

2 Sylwadau

  1. 1
  2. 2

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.