Ithute ho etsa moeli oa tafole ea CSS ka metsotso e mehlano feela
Mohlomong u utloile hore litafole tsa CSS le tsa HTML ha li kopane. Sena ha se nnete. E, ho sebelisa litafole tsa HTML bakeng sa mohaho ha e sa le moqapi oa websaete o motle ka ho fetisisa, o nkeloe sebaka ke mekhoa ea C layout, empa litafole e ntse e le mokhoa o nepahetseng o ka sebelisoang ho eketsa lintlha tsa maqephe a leqephe.
Ka bomalimabe, hobane litsebi tse ngata tsa marang-rang li tlohile ho tloha tafoleng li nahana hore li chefo, ba bangata ba litsebi ba na le phihlelo e fokolang ea sebetsang le karolo ena e tloaelehileng ea HTML le ntoa ha ba tlameha ho e sebetsana le websaeteng. Ka mohlala, haeba u e-na le tafole leqepheng mme u batla ho kenya mela e ka hare ho lisele tsa tafole.
CSS Table Table Borders
Ha o sebelisa CSS ho kenya meeli ho ea tafoleng, e mpa e phaella moeling o ka ntle ho tafole. Haeba o batla ho eketsa mela e ka hare ho lisele tse ling tsa tafoleng eo, o hloka ho kenya meeli ho hare ho likarolo tsa CSS. U ka boela ua sebelisa tekete ea HR ho eketsa mela ka har'a lisele tsa motho ka mong.
E le hore u sebelise mekhoa e koahetsoeng sehloohong sena, u lokela ho hlakile hore u na le tafole leqepheng la hau la marang-rang. Ebe o lokela ho etsa leqhepe la setaele e le letlapa la ka hare ho hlooho ea tokomane ea hau (u ka 'na ua etsa sena haeba "site" ea hau e le lekhasi le le leng) kapa o khomaretse tokomane e le letlapa la ka ntle (sena ke seo u se etsang o tla etsa haeba sebaka sa hau se le maqephe a mangata - se u nolofalletsa ho ngola maqephe ohle ho tloha leqepheng le le leng la ka ntle). U tla beha mekhoa ea ho eketsa mela e ka hare ho letlapa leo.
Pele o Qala
Pele u lokela ho etsa qeto ea hore na o batla hore meleng e hlahe tafoleng ea hau hokae. U na le likhetho tse 'maloa, ho akarelletsa:
- Ho pota-potile lisele tsohle ho theha gridi;
- Ho beha methati pakeng tsa lihlopha feela;
- Feela pakeng tsa mela; kapa
- Pakeng tsa lihlopha tse itseng kapa mela.
U ka boela ua beha melapo e potolohileng lisele tse 'ngoe kapa ka hare ho lisele tsa motho ka mong.
Mokhoa oa ho kenya Lines Hohle Lisele tsa Lefatše
Ho eketsa mela e pota-potileng lisele tsohle tse tafoleng ea hao, ho theha setsi sena-joaloka phello, eketsa tse latelang ho letlapa la hau la mokhoa:
td, th {
moeli: o tiileng 1px o motšo;
}}
Kamoo u ka kenyang lirapa pakeng tsa li-Columns feela tafoleng
Ho eketsa mela e pakeng tsa lihlopha (sena se etsa mela e otlolohileng e tsamaeang ho tloha holimo ho ea tlaase litulong tsa tafole), eketsa tse latelang ho leqephe la hau la mokhoa:
td, th {
moeli-ka letsohong le letšehali: o tiileng 1px batsho;
}}
Joale, haeba u sa batle hore ba hlahe ka har'a mohala oa pele, u tla hloka ho eketsa sehlopha ho lisele le tse td . Mohlala ona, re nahana hore re na le sehlopha sa moeli ho lisele tsena mme re tlosa moeli ka puso ena e khethehileng ea CSS. Kahoo ke ena sehlopha sa HTML seo re ka se sebelisang:
sehlopha = "ha ho moeli">
Ebe re ka eketsa mokhoa o latelang ho letlapa la rona la mokhoa:
{
moeli-ka ho le letšehali: ha ho letho;
}}
Kamoo u ka kenyang lirapa pakeng tsa melape feela tafoleng
Joaloka ka ho phaella melaetsa pakeng tsa melamu, u ka etsa sena ka mokhoa o le mong feela o bonolo o kenyelletsoeng lethathamong la hao la mokhoa. CSS e ka tlaase e tla eketsa mela e pakeng tsa mola o mong le o mong oa tafole ea rona:
tr {
moeli-tlase: o tiileng 1px o motšo;
}}
'Me ho tlosa moeli ho tloha ka tlaase tafoleng, u tla boela u ekelletse sehlopha ho tr tr tag:
sehlopha = "ha ho moeli">
Kenya mokhoa ona o latelang ho letlapa la hau la mokhoa:
{
moeli-tlaase: ha ho letho;
}}
Kamoo U ka kenyang Li-Line pakeng tsa Li-Columns tse tobileng kapa Litala ka Letlapa
Haeba u batla feela melape pakeng tsa mela kapa litšiea tse itseng, ho hlokahala hore u sebelise sehlopha ka lisele kapa mela. Ho eketsa mola o pakeng tsa lihlopha ho thata haholo ho feta pakeng tsa mela hobane u tlameha ho eketsa sehlopha ho sele e 'ngoe le e' ngoe ho eona. Haeba tafole ea hau e hlahisoa ka mokhoa o hlahang ho CMS ea mofuta o itseng , sena se ka 'na sa se ke sa khoneha, empa haeba u na le letsoho la coding leqepheng lena, u ka eketsa lihlopha tse loketseng tse hlokahalang ho finyella sena.
sehlopha = "lehlakoreng le moeling">
Ho eketsa mela pakeng tsa mela e bonolo haholoanyane, kaha u ka eketsa tlelase ho ea holimo u batla mohala.
sehlopha = "moeli-tlaase">
Ebe u eketsa CSS ho leqhepe la hau la mokhoa:
.border-side {
moeli-ka letsohong le letšehali: o tiileng 1px batsho;
}}
ka tlaase {
moeli-tlase: o tiileng 1px o motšo;
}}
Kamoo u ka kenyang lihlopha tsa motho ka mong ka har'a Letlapa
Ho eketsa mela e pota-potileng lisele tse ling, u eketsa sehlopha ho lisele tseo u batlang moeli ho potoloha:
sehlopha = "moeli">
Ebe u eketsa CSS e latelang ho letlapa la hau la mokhoa:
.bord {
moeli: o tiileng 1px o motšo;
}}
Kamoo u ka kenyang likhahla ka hare ho lihlopha ka bomong ka Letlapa
Haeba o batla ho eketsa melahare ka hare ho tse ka hare ho sele, tsela e bonolo ka ho fetisisa ea ho etsa sena ke ka lebokose la molao le holimo (
).
Litlhahiso Tse Molemo
Haeba u hlokomela likheo meeling ea hau, u lokela ho etsa bonnete ba hore mokhoa oa moeli oa ho oa o behiloe tafoleng ea hau. Kenya lintho tse latelang ho leqephe la hau la mokhoa:
tafole {
moeli-oa oa: ho oa;
}}
U ka qoba tsohle tsa CSS tse ka holimo mme u sebelise moelelo oa moeli tafatsong ea tafole ea hau. Leha ho le joalo, hlokomele hore tšobotsi ea hae, ha e sa tlosoe, ha e fetohe hakaalo ho feta CSS, kaha u ka hlalosa feela bophara ba moeli 'me u ka ba le eona ho potoloha lisele tsohle tsa tafole kapa ha ho le joalo.