Mmene Mungakowerezere Miphati Yeniyeni (Malire) M'ndandanda ndi CSS

Phunzirani momwe mungapangire malire a tebulo la CSS mu mphindi zisanu zokha

Mwinamwake mwamva kuti magome a CSS ndi HTML sakusakanikirana. Izi siziri zoona. Inde, kugwiritsira ntchito matebulo a HTML kuti asinthe sikunayanjanidwe ndi webusaiti yabwino, pokhala m'malo mwa machitidwe a CSS, koma matebulo adakali oyenera kugwiritsa ntchito kuwonjezera deta pa tsamba la webusaiti.

Mwamwayi, chifukwa ambiri ogwira ntchito pa webusaiti achoka pa matebulo akuganiza kuti ali poizoni, ambiri mwa akatswiriwa sakhala ndi ntchito yambiri yogwiritsira ntchito mfundo za HTML ndikumenyana pamene akuyenera kuzigwiritsa ntchito pa tsamba lamasamba. Mwachitsanzo, ngati muli ndi tebulo pa tsamba ndipo mukufuna kuwonjezera mizere mkati mwa masebulo a tebulo.

CSS Table Borders

Mukamagwiritsa ntchito CSS kuwonjezera malire ku matebulo, imangowonjezera malire kunja kwa tebulo. Ngati mukufuna kuwonjezera mizere mkati mwa maselo omwe ali pa tebulolo, muyenera kuwonjezera malire mkati mwa zinthu za CSS. Mungagwiritsenso ntchito mtundu wa HR kuti muwonjezere mizere mkati mwa maselo amodzi.

Kuti mugwiritse ntchito mafashoni omwe ali m'nkhaniyi, muyenera kukhala ndi tebulo pa tsamba lanu la intaneti. Muyenera kulenga pepala lapamwamba monga pepala lamkati mkati mwa chilemba chanu (mungathe kuchita izi ngati "tsamba" lanu liri tsamba limodzi) kapena muli pamapepala ngati tsamba lakunja (ichi ndi chomwe inu adzachita ngati tsamba lanu liri masamba ambiri - kukuthandizani kutanthauzira masamba onse kuchokera pa tsamba limodzi lakunja). Mudzayika mafashoni kuti awonjezere mizere mkati mwa tsambalo.

Musanayambe

Choyamba muyenera kusankha komwe mukufuna kuti mizere iwonekere mu tebulo lanu. Muli ndi njira zingapo, kuphatikizapo:

• Kuzungulira maselo onse kuti apange gridi;
• Kuyika mizera pakati pa zipilala;
• Pakati pa mizere; kapena
• Pakati pa zigawo zina kapena mizere.

Mukhozanso kuyika mizere yozungulira maselo kapena mkati mwa maselo.

Mmene Mungayonjezere Mitsinje Kuzungulira Maselo Onse M'ndandanda

Kuti muwonjezere mizere kuzungulira maselo onse a tebulo lanu, ndikupanga galasi-ngati zotsatira, yonjezerani zotsatirazi pa pepala lanu la kalembedwe:

td, th {
malire: olimba 1px wakuda;
}}

Mmene Mungayonjezere Mipakati Pakati pa Ma Colonni M'tawuni

Kuwonjezera mizere pakati pa zikhomo (izi zimapanga mizere yowongoka kuchokera pamwamba mpaka pansi pazamu ya tebulo), onjezerani zotsatirazi pa pepala lanu la kalembedwe:

td, th {
malire-kumanzere: olimba 1px wakuda;
}}

Ndiye, ngati simukufuna kuti iwo awoneke pa ndime yoyamba, muyenera kuwonjezera kalasi kwa maselo ndi ma td maselo. Mu chitsanzo ichi, tikuganiza kuti tili ndi kalasi yopanda malire pa maselowa ndipo timachotsa malire ndi malamulo ena a CSS. Kotero apa pali gulu la HTML lomwe tingagwiritse ntchito:

gawo = "palibe malire">

Kenaka tikhoza kuwonjezera chilembo chotsatira pa pepala lathu la kalembedwe:

.malire {
malire-kumanzere: palibe;
}}

Mmene Mungapangire Mipakati Pakati pa Mipando Yokha M'kabuku

Mofanana ndi kuwonjezera mizere pakati pa zipilala, mungathe kuchita izi ndi ndondomeko imodzi yosavuta yomwe yowonjezera pa pepala lanu. CSS pansipa idzawonjezera mizere yofanana pakati pa mzere uliwonse wa tebulo lathu:

tr {
malire-pansi: olimba 1px wakuda;
}}

Ndipo kuchotsa malire kuchokera pansi pa tebulo, mukanenanso kachiwiri kuwonjezera kalasi ku tr tr:

gawo = "palibe malire">

Onjezani ndondomeko yotsatirayi pa pepala lanu lamasewera:

.malire {
malire-pansi: palibe;
}}

Mmene Mungapangire Mipakati Pakati Pazithunzi Zenizeni Kapena Mzere M'ndandanda

Ngati mumangofuna mizere pakati pa mizere kapena zigawo zina, muyenera kugwiritsa ntchito kalasi pa maselo kapena mizere. Kuwonjezera mzere pakati pa zigawo ndi zovuta kwambiri kuposa pakati pa mizera chifukwa muyenera kuwonjezera kalasi ku selo iliyonse mulololo. Ngati tebulo lanu limapangidwa kuchokera ku CMS la mtundu wina , izi sizingatheke, koma ngati muli ndi dzanja lolembera tsamba, mukhoza kuwonjezera makalasi oyenerera kuti mukwaniritse izi.

gawo = "mbali-malire">

Kuwonjezera mizere pakati pa mizere ndi yophweka kwambiri, monga momwe mungathe kuwonjezera kalasi ku mzere womwe mukufuna mzere.

gawo = "malire-pansi">

Kenaka yonjezerani CSS ku pepala lanu la kalembedwe:

.mmbali-mbali {
malire-kumanzere: olimba 1px wakuda;
}}
pansi pamtunda {
malire-pansi: olimba 1px wakuda;
}}

Mmene Mungayonjezere Mitsinje Pamodzi Pa Mndandanda

Kuwonjezera mizere yoyandikana ndi maselo, mumapanga kalasi ku maselo omwe mukufuna malire pozungulira:

gawo = "malire">

Kenaka yonjezerani CSS yotsatirayi pa pepala lanu la kalembedwe:

.pamwamba {
malire: olimba 1px wakuda;
}}

Mmene Mungayonjezere Mitsinje M'kati mwa Maselo Amodzi M'ndandanda

Ngati mukufuna kuwonjezera mizere mkati mwazomwe zili mu selo, njira yosavuta yochitira izi ili ndi chilemba chotsatira (

---

).

Malangizo Othandiza

Mukawona mipata m'malire anu, muyenera kuonetsetsa kuti kalembedwe-kumapeto kwayikidwa pa tebulo lanu. Onjezerani zotsatirazi pa pepala lanu la kalembedwe:

tebulo {
malire-kugwa: kugwa;
}}

Mukhoza kupewa CSS zonsezi pamwamba ndikugwiritsira ntchito malire anu mu tebulo lanu. Dziwani, komabe, chidziwitso chake, ngakhale chosatayika, sichimasintha kwambiri kuposa CSS, momwe mungathe kufotokozera kutalika kwa malire ndipo mungathe kukhala nayo pafupi maselo onse a tebulo kapena palibe.