CSS: tabili oniru. apeere ti registration

Ṣiṣe awọn tabili pẹlu CSS - ti ẹkọ awon ati ki o lodidi. Ona si yi owo nilo lati competently, pẹlu imo ti gbogbo awọn ti ṣee aza. Ni afikun, o jẹ pataki lati gbà a ori ti ẹwa ni ibere ko lati dẹruba pa wọn àtinúdá alejo.

Awọn tabili le pada fere ohun gbogbo. Lẹwa oniru je awọn lilo ti CSS tabili oniru aala, tabili isale, cell lẹhin, awọn aafo laarin wọn ati siwaju sii. Ro awọn julọ ipilẹ.

tabili aala

CSS tabili ara oniru nigbagbogbo je a ere pẹlu kan aala (fireemu). Gbogbo aiyipada tabili ni o wa ko contours fireemu. Ti o ni, o jẹ dogba si 0 awọn piksẹli. Sugbon yi le ti wa ni atunse nipa awọn ini aala.

O le pato awọn lode fireemu fun awọn ti gbogbo tabili:

tabili {aala: 3px ri to dudu; }

O ṣeun si yi ila ni gbogbo awọn tabili lori ojula ti o nlo yi ara jẹ dudu fireemu. Akiyesi pe awọn aala nikan lori egbegbe, sugbon ko inu awọn tabili. Fun alagbeka ila ati fireemu pàtó kan bibẹkọ ti.

th, td {aala: 3px ri to dudu;}

Awọn sisanra ati awọ, o le pato eyikeyi. Pa ni lokan pe awọn aala ko ba wa ni ti ilọpo meji nigbati splicing ẹyin.

Awọn ọrọ ntọka si a ri to lemọlemọfún ìforúkọsílẹ. O le pato awọn miiran síi.

o ti wa ni julọ commonly lo ri to fireemu, bi o ti wulẹ diẹ wuni ati ki o ko distract ifojusi lati awọn ifilelẹ ti awọn akoonu ti awọn ojula.

aala ohun ini le ti wa ni pato tun lori awọn ọkọ. Àla le nikan wa ni ṣeto fun awọn oke, isalẹ, osi tabi ọtun ẹgbẹ. Nitori ni diẹ ninu awọn igba o jẹ ko kan seese aṣayan pẹlu awọn fireemu fun awọn ti gbogbo tabili ni ẹẹkan.

tabili {aala-oke: 1px ri to pupa; }

Ki o le ṣeto awọn fireemu fun awọn oke ti awọn tabili nikan. Bakanna si eyikeyi miiran ẹni, dipo ti o kan oke Kọ: ọtun, si osi tabi isalẹ.

tabili akọsori

Table akọsori le ti wa ni pato nipa lilo awọn tag . Yi tag le je ni awọn CSS lati forukọsilẹ a pupo ti-ini fun itanran-yiyi. Awọn CSS tabili oniru ni o dara nitori o ti ṣee ṣe lati ọgbọn awọn eroja ni ọna ti o fẹ.

Yi akọle ti han ni ni ọna kanna bi a boṣewa ni awọn iwe ohun (bi "Table 1").

O le pato awọn ipo ti awọn akọle ati ohun ini ifori-ẹgbẹ (oke tabi isalẹ). Aligning osi tabi ọtun ni asọye nipa awọn ohun ini ọrọ-mö.

lẹhin tabili

Lẹhin ti awọn tabili le jẹ eyikeyi awọ tabi Àpẹẹrẹ. Awọ kn a ini lẹhin-awọ. Awọn orukọ ti awọn ini ni kikun ibamu pẹlu ipawo ni ọrọ. O sise titoju ọpọlọpọ igba.

Awọn awọ le ti wa ni pato bi awọn orukọ, ati ki o yatọ encodings. Ni afikun, o le pato awọn wọnyi:

• Sihin - sihin.
• Jogún - awọ jẹ kanna bi ti o ti awọn obi ano.
• Ni ibẹrẹ - aiyipada.

Aṣayan pẹlu akoyawo le ṣee lo ninu awon igba ibi gbogbo awọn tabili ninu awọn ọrọ ninu awọn CSS faili ti wa ni ṣe ninu ọkan awọ, sugbon ninu apere yi nibẹ ni ko si nilo.

Ni afikun, awọn lẹhin le jẹ ohun image. Lati ṣe eyi, ni awọn ara ogun lẹhin-image ini. Awọn ona ni bi yi:

url ( 'URL')

Ni ona to awọn faili ni o le wa boya ojulumo tabi idi.

Diẹ idiju yó le ṣee ṣe pẹlu kan igbasoke:

• PCM-igbasoke ();
• to layika-igbasoke ();
• tun-PCM-igbasoke () ati tun-to layika-igbasoke () - igbasoke tun.

lẹhin cell

Ni afikun si kan lẹhin ni apapọ, o le pato kan ṣi kuro lẹhin ni ọwọn tabi ila. Fun ìforúkọsílẹ ti awọn ohun ini ti lo gan igba, nitori awọn visual Iyapa ti awọn ila rọrun lati ka alaye.

Ni afikun si awọn alternation, ati awọn ti o le pato awọn nọmba ti a pato iwe tabi emeta. Fun apẹẹrẹ bi yi:

• tr: nth-ọmọ (ani) {...} - pato interlaced;
• tr: nth-ọmọ (1) {...} - itọkasi ti awọn-ini ti kan pato ọna;
• td: nth-ọmọ (ani) {...} - ẹya itọkasi ti alternating ọwọn;
• td: nth-ọmọ (1) {...} - ẹya itọkasi ti awọn-ini ti kan pato iwe.

Yato ọkọọkan ati awọn nọmba le wa ni pato - akọkọ (td: akọkọ-ọmọ) tabi kẹhin (td: kẹhin-ọmọ).

Aafo laarin awọn ẹyin

Ni CSS, tabili oniru faye gba o lati yọ awọn alafo laarin awọn ẹyin. Nipa aiyipada won ba wa. Fun apẹẹrẹ, ti o ba ti o ba ṣeto awọn fireemu ninu tabili lai eto awọn aaye laarin awọn aala, o yoo jẹ nibi yi esi.

Gba, o ti wulẹ ko gan o dara ati awọn ti o ni ko rọrun lati ka. Olumulo yoo ni ripple ninu awọn oju nitori ti yi. Yọ awọn wọnyi ela le jẹ nipa kikọ kan iru a ila ni awọn tabili ara:

àla-Collapse: Collapse

Sugbon o tun ṣẹlẹ wipe ijinna, lori ilodi si, o yẹ ki o wa ni pọ si. Jubẹlọ, awọn iwọn ti awọn ela le wa ni pàtó kan bi laarin awọn ọwọn ati laarin awọn ila. Lati fihan pe a iye (dipo Collapse):

àla-Collapse: lọtọ

Ṣugbọn iru igbese ti yoo fihan pe o jẹ pataki lati pàla awọn ẹyin. Bi o ti wà wọn pin, ti itọkasi afikun ohun ini:

àla-aye: 20px.

Ti o ba fẹ lati tokasi kan ti o yatọ ijinna laarin awọn ila ati awọn ọwọn, o tọkasi ohun méjì:

àla-aye: 10px20px.

Awọn iyato ninu awọn aṣàwákiri

Pa ni lokan pe ni CSS oniru tabili le wo o yatọ si, ti o da lori awọn kiri. Paapa buburu ni irú pẹlu agbalagba awọn ẹya, ti imotuntun ni CSS ti ko ba ni atilẹyin.

Awọn loke jẹ ẹya apẹẹrẹ ti fireemu thicknesses to oni síi.

Fun apẹẹrẹ yi, awọn sisanra ti awọn fireemu fun awọn adúróṣinṣin.

aala aza tun yato gidigidi.

Nitorina, awọn idagbasoke nigbagbogbo ri awọn esi ni orisirisi awọn aṣàwákiri.

Ni CSS oniru tabili niyanju lati ṣayẹwo awọn iru ti kiri ayelujara. Paapa isoro nla lo lati wa ni si awọn olumulo pẹlu agbalagba awọn ẹya ti Internet Explorer.

Gan to ti ni ilọsiwaju kóòdù le, ti o da lori awọn kiri lati so patapata ti o yatọ CSS awọn faili. Ki o si ẹnikan mu ki a ayẹwo ni kọọkan tabi diẹ ninu awọn pato ara (kilasi).

Ọpọlọpọ awọn išoro dide lati Shadows.

CSS: Table kika Apeere

Iforukọ le ti wa ni oyimbo orisirisi. O da lori gbogbo gbogbo ojula ati awọn oniwe-oniru. Gbogbo yẹ ki o wa ni idapo ati ki o variegated awọn awọ. Tun o mu ki a nla ipa ati adun developer. Ori ti ẹwa ni gbogbo ti o yatọ.

A fi awon apere ti awọn orisirisi tabili. Awọn nọmba rẹ loke fihan awọn lilo ti tẹ ki o si mu pẹlu awọn lẹhin awọ ati aala.

Ọpọlọpọ yio jẹ awon apẹẹrẹ ti lẹwa afinju oniru ti yoo ko ge awọn oju awọn olumulo. Yi irisi ti yẹ ni fere eyikeyi ti itoju.

Awọn egbegbe le wa ni ṣe ti yika. O wulẹ lẹwa dara.

ipari

Bi o ti le ri, fun awọn ifarahan ti awọn tabili ni CSS nibẹ ni o wa ọpọlọpọ irinṣẹ. Kọọkan paramita jẹ tun kan tobi iye ti iye awọn aṣayan. Ti o ba ti o ba lo o gbogbo ni ẹẹkan, o le ṣẹda awọn masterpieces. Paapa ti o ba ti o ba se aláwòṣe oniru fun gbogbo aṣàwákiri.

Akọkọ ohun ninu awọn oniru - ma ṣe overdo o pẹlu ipa. Ohun gbogbo yẹ ki o ṣee ṣe ni iwọntunwọnsi. Ni akọkọ, awọn ifilelẹ fẹ lati ṣàdánwò ati ki o lo gbogbo wọn ìmọ lẹsẹkẹsẹ. Bi awọn kan abajade ti awọn tabili ni o wa oversaturated-ini. Gbiyanju lati yago fun awon aṣiṣe.

Jubẹlọ, diẹ ninu awọn sile le dabaru pẹlu kọọkan miiran. Fun apẹẹrẹ, nibẹ ni ko si ye lati tokasi awọn lẹhin awọ ti awọn tabili, nigba ti o ba ti wa ni ṣi ṣeto isale aworan, eyi ti yoo ni lqkan awọn pàtó kan awọ.