Ionnsaich mar a chruthaicheas crìochan clàr CSS ann an dìreach còig mionaidean
Is dòcha gu bheil thu air cluinntinn nach eil na clàran CSS agus HTML a 'measgachadh. Chan eil seo dìreach fìor. 'S e, chan eil cleachdadh bhùird HTML airson an cruth a-nis na dheagh chleachdadh a thaobh dealbhadh lìn, an dèidh stoidhle rèiteachadh CSS, ach tha na clàran fhathast an cleachdadh ceart gus dàta tabular a chur gu duilleag-lìn.
Gu mì-fhortanach, seach gu bheil uiread de luchd-proifeiseanta lìn air a bhith air falbh bho bhùird a 'smaoineachadh gu bheil iad puinnseanta, chan eil mòran eòlais aig mòran de na proifeiseantaich sin ag obair leis an eileamaid cumanta HTML seo agus an strì nuair a dh'fheumas iad an làimhseachadh air duilleag-lìn. Mar eisimpleir, ma tha clàr agad air duilleag agus ma tha thu airson loidhnichean taobh a-staigh a chur ris na ceallan bùird.
Crìochan Clàr CSS
Nuair a chleachdas tu CSS gus crìochan a chur ri clàran, chan eil e ach a 'cur crìoch air taobh a-muigh a' bhùird. Ma tha thu airson loidhnichean taobh a-staigh a chur ri ceallan fa leth a 'bhùird sin, feumaidh tu crìoch a chur ris na h-eileamaidean CSS taobh a-staigh. Faodaidh tu cuideachd an tag HR a chleachdadh gus loidhnichean a chur a-steach taobh a-staigh ceallan fa leth.
Gus na stoidhlichean a tha air an còmhdach san artaigil seo a chur a-steach, bu chòir dhut clàr a bhith agad air do dhuilleag-lìn. Bu chòir dhut an uair sin duilleag stoidhle a chruthachadh mar dhuilleag stoidhle a- staigh ann an ceann a 'phàipeir agad (is dòcha nach dèan thu seo ach ma tha an "làrach" agad air aon duilleag) no a tha ceangailte ris an sgrìobhainn mar dhuilleag stoidhle a-muigh (seo agad nì e ma tha an làrach agad ioma-dhuilleag - a 'toirt cothrom dhut stoidhle a h-uile duilleag bho aon duilleag bhon taobh a-muigh). Cuiridh tu na stoidhlichean gus loidhnichean taobh a-staigh a chur ris an duilleig stoidhle sin.
Mus tòisich thu
An toiseach feumaidh tu co-dhùnadh far a bheil thu ag iarraidh na loidhnichean nochdadh anns a 'bhòrd agad. Tha grunn roghainnean agad, nam measg:
- A 'cuairteachadh a h-uile ceallan gus grid a chruthachadh;
- A 'suidheachadh nan loidhnichean eadar dìreach na colbhan;
- Dìreach eadar na sreathan; no
- Eadar colbhan no sreathan sònraichte.
Faodaidh tu cuideachd na loidhnichean a shuidheachadh mu cheallan fa leth no taobh a-staigh cheallan fa leth.
Mar a chuireas tu loidhnichean timcheall nan uile ceallan ann an clàr
Gus loidhnichean a chur timcheall nan ceallan anns a 'bhòrd agad, a' cruthachadh an leithid sin de ghriod, cuir na leanas ris an duilleag stoidhle agad:
td, th {
crìochan: cruth 1px dubh;
}
Mar a chuireas tu loidhnichean eadar dìreach na colbhan ann an clàr
Gus na loidhnichean a chur eadar na colbhan (tha seo a 'cruthachadh loidhnichean dìreach a tha a' ruith bho mhullach gu bonn air colbhan a 'bhùird), cuir na leanas ris an duilleag stoidhle agad:
td, th {
taobh clì: cruth 1px dubh;
}
An uairsin, mura h-eil thu airson gun nochd iad air a 'chiad cholbh, feumaidh tu clas a chur ris na ceallan th agus td sin. San eisimpleir seo, tha sinn a 'gabhail ris gu bheil clas de chrìochan sam bith againn air na ceallan sin agus bidh sinn a' toirt air falbh a 'chrìche leis an riaghailt CSS nas sònraichte seo. Mar sin an seo an clas HTML a chleachdadhamaid:
class = "no-border">
Agus an uairsin b 'urrainn dhuinn an stoidhle a leanas a chur ris an duilleag stoidhle againn:
.no-chrìoch {
taobh clì: gin;
}
Mar a chuireas tu loidhnichean eadar dìreach na sreathan ann an clàr
Mar le bhith a 'cur loidhnichean eadar na colbhan, is urrainn dhut seo a dhèanamh le dìreach aon stoidhle shìmplidh a chaidh a chur ris an duilleag stoidhle agad. Bhiodh an CSS gu h-ìosal a 'cur loidhnichean dìreach eadar gach sreath den chlàr againn:
tr {
crìch a 'chrìch: cruaidh 1px dubh;
}
Agus airson a 'chrìoch a thoirt bho bhonn a' bhùird, chuireadh tu a-rithist clas ris a 'chlib sin:
class = "no-border">
Cuir an stoidhle a leanas ris an duilleag stoidhle agad:
.no-chrìoch {
toirm a 'chrìche: gin;
}
Mar a chuireas tu loidhnichean eadar colbhan sònraichte no sreath ann an clàr
Mura h-eil thu ag iarraidh sreathan eadar roinnean sònraichte no colbhan, feumaidh tu clas a chleachdadh air na ceallan no na sreathan sin. Tha e nas duilghe a bhith a 'cur loidhne eadar colbhan nas motha na eadar sreathan oir feumaidh tu an clas a chur ris a h-uile ceal sa cholbh sin. Ma thèid do bhòrd a ghintinn gu fèin-obrachail bho CMS de sheòrsa , dh'fhaodadh nach bi seo comasach, ach ma tha thu a 'còdadh na duilleige le làimh, dh'fhaodadh tu clasaichean iomchaidh a chur ris mar a dh' fheumar gus seo a choileanadh.
class = "taobh-taobh">
Tha e nas fhasa a bhith a 'cur loidhnichean eadar sreathan a-steach, oir is urrainn dhut dìreach an clas a chur ris an t-sreath air a bheil thu ag iarraidh an loidhne.
class = "border-bottom">
An uairsin cuir CSS ris an duilleag stoidhle agad:
.border-side {
taobh clì: cruth 1px dubh;
}
.border-bottom {
crìch a 'chrìch: cruaidh 1px dubh;
}
Mar a chuireas tu loidhnichean mu cheallaichean fa leth ann an clàr
Gus loidhnichean a chur timcheall nan ceallan fa leth, cuiridh tu clas ris na ceallan a tha thu ag iarraidh crìochan timcheall:
class = "border">
Agus an uairsin cuir na CSS a leanas ris an duilleag stoidhle agad:
.border {
crìochan: cruth 1px dubh;
}
Mar a chuireas tu loidhnichean a-steach taobh a-staigh nan ceallan fa leth ann an clàr
Ma tha thu airson loidhnichean a chur a-steach a-staigh susbaint cealla, is e an dòigh riaghailteach còmhnard (
) an dòigh as fhasa seo a dhèanamh.
Beachdan feumail
Ma bheir thu fainear beàrnan anns na crìochan agad, bu chòir dhut dèanamh cinnteach gu bheil an stoidhle tuiteam-crìche air a shuidheachadh air do bhòrd. Cuir na leanas ris an duilleag stoidhle agad:
bòrd {
crìochan crìche: tuiteam;
}
Faodaidh tu na CSS gu h-àrd gu h-àrd a sheachnadh agus cleachd a 'ghnè chrìochan anns a' chlàr tag agad. Ach, ge-tà, gu bheil a fheart, ged nach eil e air a mholadh, mòran nas sùbailte na CSS, oir chan urrainn dhut ach farsaingeachd na crìche a mhìneachadh agus chan urrainn dha a bhith ach timcheall air ceallan a 'bhùird no gin.