Mụta otu esi emepụta mpaghara CSS n'ókè na minit ise
Ị nwere ike nụ na CSS na HTML tebụl adịghị agwakọta. Nke a abụghị eziokwu. Ee, iji tebụl HTML maka nchịkọta abụghịzi ihe omume kachasị mma weebụ, ebe ọ bụ na ụdị CSS na-edochi ya, ma tebụl ka bụ akara ziri ezi iji tinye data tabula na ibe weebụ.
N'ụzọ dị mwute, n'ihi na ọtụtụ ndị ọkachamara na weebụ ejiriwo na tebụl na-eche na ha bụ nsi, ọtụtụ n'ime ndị ọkachamara ahụ enwechaghị ahụmahụ na-arụ ọrụ na mmemme HTML a na mgba mgbe ha ga-eme ha na ibe weebụ. Dịka ọmụmaatụ, ọ bụrụ na i nwere tebụl na ibe ma ịchọrọ ịgbakwunye mkpụrụ obi n'ime tebụl okpokoro.
Mpaghara CSS Isiokwu
Mgbe ị na-eji CSS ịgbakwunye okpokoro na tebụl, ọ na-agbakwụnye ókè gburugburu n'èzí. Ọ bụrụ na ịchọrọ ịgbakwunye mkpụrụ obi n'ime mkpụrụ ndụ nke okpokoro ahụ, ịkwesịrị ịgbakwunye ókè ala n'ime ihe CSS dị n'ime. Ịnwekwara ike iji akara aka nke ndị mmadụ na-agbakwunye eriri n'ime sel ndị ọ bụla.
Iji tinye ụdị e kpuchiri n'isiokwu a, o doro anya na ị ga-enwe okpokoro na ibe weebụ gị. Mgbe ahụ, ị ga - ekepụta akwụkwọ mpempe akwụkwọ dịka akwụkwọ mpempe akwụkwọ n'ime isi nke akwụkwọ gị (ọ ga - abụ na ị ga - eme nke a ma ọ bụrụ na "saịtị" gị bụ otu ibe) ma ọ bụ tinye ya na akwụkwọ ahụ dịka akwụkwọ mpempe akwụkwọ (nke a bụ ihe ị ga - eme ma ọ bụrụ na saịtị gị bụ ọtụtụ peeji nke - na - ahapụ gị ịmepụta ibe niile site na mpempe akwụkwọ ọzọ). Ị ga-etinye ụdị ka ị gbakwunye ọnụọgụ n'ime imewe akwụkwọ ahụ.
Tupu Ịmalite
Mbụ ị ga-achọ ikpebi ebe ịchọrọ ka akara ahụ pụta na tebụl gị. Ị nwere ọtụtụ nhọrọ, gụnyere:
- Gburugburu mkpụrụ ndụ niile ka ha wee ghọọ okporo;
- Idozi ebe di n'etiti ogidi;
- Naanị n'etiti ahịrị; ma ọ bụ
- N'etiti etiti dị iche iche ma ọ bụ ahịrị.
Ịnwekwara ike ịtọ mpaghara gburugburu sel ma ọ bụ n'ime sel ọ bụla.
Esi tinye Ntọala gburugburu Cell niile na tebụl
Iji gbakwunye uzo gburugburu mkpụrụ ndụ niile dị na tebụl gị, na -emepụta mmetụta yiri nke ahụ, gbakwunye ihe na-esonụ na mpempe akwụkwọ gị:
td,
ókèala: siri ike 1px ojii;
}
Otu esi tinye njikọ n'etiti etiti oghere dị na tebụl
Ka ịgbakwunye esemokwu dị n'etiti ogidi (nke a na-emepụta elekere anya nke na-agba site na elu ruo na ala na ogidi tebụl), gbakwunye ihe na-esonụ na mpempe akwụkwọ gị:
td,
oke aka ekpe: siri ike 1px;
}
Mgbe ahụ, ọ bụrụ na ịnweghị ka ha bịa na kọlụm mbụ, ị ga-achọ itinye otu klas na ndị sel t na td . N'ihe atụ a, anyị na-eche na anyị nwere mpaghara nke na- enweghị ókè na sel ndị ahụ ma wepụ ọgbụgba a na iwu CSS a kapịrị ọnụ karị. Ya mere, ebe a bụ ọkwa HTML anyị ga-eji:
klas = "enweghị ókè">
Mgbe ahụ, anyị nwere ike ịgbakwunye ụdị ndị a na mpempe akwụkwọ anyị:
.no-ókè {
ala-ekpe: ọ dịghị;
}
Otu esi tinye njikọ n'etiti etiti dị na tebụl
Dịka ị na-agbakwụnye agbakwụnye n'etiti ogidi, ị nwere ike ime nke a naanị otu ụzọ dị mfe ị gbakwunyere na mpempe akwụkwọ gị. CSS dị n'okpuru a ga-agbakwunye agbatị dị n'etiti ọwa nke okpokoro anyị:
'
ala ala: siri ike 1px;
}
Na iwepu ókè site na ala nke okpokoro ahụ, ị ga-agbakwunye otu klas na tag ahụ:
klas = "enweghị ókè">
Tinye ụdị na-esote gị na mpempe akwụkwọ gị:
.no-ókè {
ala ala: ọ dịghị;
}
Otu esi tinye njikọ n'etiti etiti ma ọ bụ akara na tebụl
Ọ bụrụ naanị na ịchọrọ ederede n'etiti ahịrị ma ọ bụ ogidi, ịkwesịrị iji klas na mkpụrụ ndụ ndị ahụ ma ọ bụ ahịrị. Ịgbakwunye eriri dị n'etiti ogidi dị nnọọ mfe karịa n'etiti ahịrị n'ihi na ị ga-agbakwunye klas ahụ na sel ọ bụla na kọlụm ahụ. Ọ bụrụ na tebụl gị na-emepụta site na CMS nke ụdị ụfọdụ , nke a nwere ike ọ gaghị ekwe omume, ma ọ bụrụ na ị na-etinye aka na ibe ahụ, i nwere ike itinye klas kwesịrị ekwesị dị ka mkpa iji nweta mmetụta a.
klas = "n'akụkụ-ókè-ala">
Ntinye ederede n'etiti ahịrị dị iche iche dị mfe, ebe ị nwere ike ịgbakwunye klas ahụ n'ahịrị ị chọrọ akara na.
klas = "ala ala">
Wee tinye CSS na mpempe akwụkwọ gị:
.border-n'akụkụ {
oke aka ekpe: siri ike 1px;
}
.border-ala {
ala ala: siri ike 1px;
}
Esi tinye Ogige ndị dị gburugburu sel n'otu n'otu na tebụl
Iji gbakwunye eriri gburugburu sel ndị ọ bụla, ị gbakwunye otu klas na mkpụrụ ndụ ịchọrọ ikpere gburugburu:
klas = "ókèala">
Wee tinye CSS na-esote gị na mpempe akwụkwọ gị:
.border {
ókèala: siri ike 1px ojii;
}
Esi esi tinye mkpụrụ osisi n'ime mkpụrụ ndụ nke mmadụ n'otu tebụl
Ọ bụrụ na ịchọrọ ịgbakwunye ndepụta n'ime ọdịnaya nke cell, ụzọ kachasị mfe iji mee nke a bụ akara akara nchịkwa (
).
Atụmatụ bara uru
Ọ bụrụ na ị na-achọpụta ọdịiche dị na ala gị, ị ghaghị ijide n'aka na a na-edozi ụdị ọdịda ala na tebụl gị. Tinye ihe ndị a na mpempe akwụkwọ gị:
okpokoro {
ala-ida: ida;
}
Ị nwere ike izere niile CSS ahụ dị n'elu ma jiri àgwà ọdịda gị na mkpado table gị. Otú ọ dị, chọpụta na àgwà ya, ọ bụ ezie na ọ bụghị nke a na-akụda, dị nnọọ obere karịa ka CSS, n'ihi na ị nwere ike ịkọwa obosara nke ókèala ma nwee ike ịnwe ya gburugburu sel niile dị na tebụl ma ọ bụ enweghị.