Pehea e hoʻonoho ai i kiʻi e like me kaʻike no kahi papa

E hoʻohana i ka waiwai o CSS kahi e hoʻohui i ke kiʻi kiʻi i nā papa

ʻO nā papa likeʻole mai ko lākou kūlana e kōkua ana e hoʻokūkī i nā mea o ka papa e pili ana i nā mea a pau ma ka pūnaewele pūnaewele. No ka hoʻoukuʻana i kahi papaʻaina, ponoʻoe e hōʻano i ka pepa maʻamau (CSS) e kākoʻo ana i kāu pūnaewele pūnaewele.

Ke hoʻomakaʻana

ʻO ke ala maikaʻi e hoʻonui i kahi kiʻi kiʻi i kahi papa e hoʻohana i ka waiwai o CSS. No ka hoʻomākaukauʻana iāʻoe iho e kākau i ka CSS me ka maikaʻi a iʻole e pale i nā hulu hōʻike manaʻoʻole, e wehe i kāu kiʻi hope a e kākau i ke kaha o ka kiʻekiʻe a me ka laulā.

A laila e hoʻouka i kāu kiʻi i kāu mea nāna e hoʻolako. E ho'āʻo i ka URL no ke kiʻi; kekahi o nā kumu kumu nui loa i hōʻikeʻoleʻia ai nā kiʻi no ka loaʻa o kahi typo ma ka URL.

Ma hope o ka pauʻana o kēlā hana, kau i kahi poho style CSS ma ke poʻo o kāu palapala:

<ʻano style = "text / css">

1. E kākau i kāu CSS no ka hilinaʻi ma kāu papaʻaina a hoʻokomo i loko o ka poho pahu:

   papaʻaina (background): url (" HKH i kiʻi ")ʻole e hana hou; }

2. E kau i kāu papa i ka HTML:

   
   cell 1
   cell 2
   
   
   cell 1
   cell 2
   
   

3. E hoʻopaʻa i ka laulā a me ke kiʻekiʻe o ka pāʻani e kūlike i ka whānui a me ke kiʻekiʻe o ke kiʻi.

   whānui: 400px; kiʻekiʻe: 500px; "> ...

Inā nui aku ka nui o kāu papa papa ma mua o ke kiʻekiʻe o ka kiʻi a me ka laulā, e hōʻike waleʻia ke kiʻi kiʻi ma hoʻokahi.

E kau i kahiʻikepili ma ka papa hoʻokahi wale nō

E kau nā kuhikuhi ma luna nei i ke kiʻi kumu hoʻokahi ma kēlā me kēia papa ma kaʻaoʻao.

Inā makemakeʻoe e kau i kaʻaoʻao ma nā papa kūikawā wale nō, ponoʻoe e hoʻohana i ke kuleana o kahi papa.

1. E hoʻololi i kāu CSS e heluhelu ai:

   table.background [moʻolelo: url (" Hiki i ke kiʻi ") hana hou; }

2. E hoʻonui i ka papa moʻolelo i kekahi papaʻaina e makemake anaʻoe e kiʻi i kēlā kiʻi. E hoʻopaʻa i ka laulā a me ke kiʻekiʻe no kēlā mau papa.

   papa = "hope" style = "whānui: 400px; kiʻekiʻe: 500px;> ...

E hoʻokuʻu hou i ka kiʻi kiʻi

ʻO nā papa nui aʻe, a me nā papa me nā mea'ē aʻe paha, pono paha e hana hou i hope e hoʻopiha ai i ka papaʻaina. E hoʻololi i ka waiwai i kāu CSS a hiki i ke kiʻi hou i ka axis y, i ka axis x, aiʻole ia i hoʻopaʻaʻia ma nāʻaoʻaoʻelua.

kuhi: url (" HKH i ke kiʻi ") hou ;

ʻO ka paʻamau, e hoʻopiliʻia ke kumukūʻai hou, akā, hiki iāʻoe ke hoʻonohonoho i ka helu hou e hana hou-x aiʻole e hana hou-y i ke kī ākea a iʻole ia ma ke aniani.

Nā Paʻa Malu Laulā Māhele i ka Kiʻi Kūmole

Hiki i nāʻanuʻu kala i hoʻonohoʻia ma nā pūʻali papa ke kāʻei i ke kiʻi ma luna o ka papa. No laila e noʻonoʻo i ka hoʻohanaʻana i nā pānaʻi kala i kāu mau pūnaewele me ka papa kiʻi kiʻi.

Nā Manaʻo

Ma nā papahana e hoʻonoho i kāu mau papa ma kahi'ē aʻe. Eia naʻe, e noʻonoʻo i mua o ka hoʻohanaʻana i kēiaʻano. Ke hoʻokomo i kahi kiʻi kūlohelohe pahaʻaʻole hiki ke'ānai, akāʻo nā kiʻi paʻakikī i manaʻoʻia e maikaʻi (e like paha me ka hoʻokomoʻana i ke kiʻi o kahi pipi ma hope o kahi papa e hōʻike ana i nā laweʻana o nā pipi) hiki ke hōʻike i ka ponoʻole a hiki ke hoʻololi i ka heluhelu o kaʻikepili .

Pono nā kiʻi a pau āu e hoʻohana ai i laikini ponoʻia; no ka hikiʻole iāʻoe ke kiʻi i kahi kiʻi ma ka Pūnaeweleʻaʻole ia e manaʻo e hiki iāʻoe ke kūpono ia mea no kāu hoʻohana pono'ī.

E mahalo i nā kope kope!