Línte suimiúla a dhéanamh ar leathanaigh ghréasáin le clibeanna AD
Más gá duit línte cothrománach, stíl deighilte a chur le do láithreáin ghréasáin, tá cúpla rogha agat. D'fhéadfá comhaid íomhá iarbhír de na línte sin a chur ar do leathanach, ach go mbeadh ar do bhrabhsálaí na comhaid sin a aisghabháil agus a luchtú, rud a d'fhéadfadh tionchar diúltach a bheith acu ar fheidhmíocht an láithreáin.
D'fhéadfá maoine teorann CSS a úsáid chun teorainneacha a chur le chéile a fheidhmíonn mar a chéile ag barr nó ag bun eilimint, ag cruthú do líne deighilte go héifeachtach.
Ar deireadh, is féidir leat an eilimint HTML a úsáid don riail chothrománach - an
An Eilimint Riail Chothrománach
Má tá gné riamh agat ar leathanach gréasáin, d'aimsigh tú go bhfuil an bealach réamhshocraithe nach bhfuil na línte seo ar taispeáint oiriúnach. Ciallaíonn sé seo go gcaithfidh tú dul chuig CSS chun cuma amhairc na n-eilimintí seo a choigeartú chun a bheith ag teacht leis an gcaoi ar mhaith leat breathnú ar do shuíomh.
Taispeántar tag bunúsach AD ar an gcaoi ar mian leis an bhrabhsálaí é a thaispeáint. De ghnáth, taispeánann brabhsálaithe nua-aimseartha clibeanna AD neamhshéanta le leithead 100%, airde 2px, agus teorainn 3D i dubh chun an líne a chruthú.
Seo sampla de eilimint chaighdeánach AD nó is féidir leat a fheiceáil san íomhá seo ar an gcaoi a bhreathnaíonn HR neamhshóisialta i mbrabhsálaithe nua-aimseartha.
Tá Leithead agus Airde Comhsheasmhach Ar fud na Brabhsálaithe
Is iad na stíleanna amháin atá comhsheasmhach ar fud na brabhsálaithe gréasáin an leithead agus na stíleanna. Sainmhíníonn siad cé chomh mór agus a bheidh an líne. Mura sainmhíníonn tú an leithead agus an airde is é 100% an leithead réamhshocraithe agus is é 2px an airde réamhshocraithe.
Sa sampla seo is ionann an leithead agus 50% den mháthairghné (tabhair faoi deara na samplaí seo thíos go léir ina n-áirítear stíleanna inlíne. I suíomh táirgthe, ba mhaith na stíleanna seo a scríobh i mbileog stíle seachtrach chun bainistíocht éasca a dhéanamh ar fud na leathanaigh go léir):
stíl = "leithead: 50%;">
Agus sa sampla seo tá an airde 2em:
stíl = "airde: 2em;">
Is féidir Athrú na dTeorainneacha a bheith Dúshlánach
I mbrabhsálaithe nua-aimseartha, tógann an brabhsálaí an líne tríd an teorainn a choigeartú. Mar sin má tharlaíonn tú an teorainn leis an maoin stíl, beidh an líne imithe ar an leathanach. Mar is féidir leat a fheiceáil (go maith, ní fheiceann tú rud ar bith, mar beidh na línte dofheicthe) san sampla seo:
stíl = "teorainn: none;">
Trí mhéid, dath agus stíl na teorann a choigeartú, déanfaidh an líne breathnú difriúil agus beidh an éifeacht chéanna ag gach brabhsálaí nua-aimseartha. Mar shampla, sa taispeántas seo tá an teorainn dearg, dashed, agus 1px leathan:
stíl = "teorainn: 1px dashed # 000;">
Ach má athraíonn tú an teorainn agus an t-airde, bíonn na stíleanna beagán difriúla i mbrabhsálaithe an-ama ná mar a dhéanann siad i mbrabhsálaithe nua-aimseartha. Mar a fheiceann tú sa sampla seo, má fhéachann tú é in IE7 agus thíos (brabhsálaí atá uafásach as dáta agus nach bhfuil tacaíocht ag Microsoft níos faide) tá líne inmheánach beveled nach taispeánann sna brabhsálaithe eile (lena n-áirítear IE8 agus suas) :
stíl = "airde: 1.5em; leithead: 25em; teorainn: 1px solid # 000;">
Níl mórán imní i gcónaí i ndearadh gréasáin an lae inniu sna daoine sinsearseachta, ós rud é go raibh roghanna níos nua-aimseartha ina n-ionad.
Déan Líne Maisiúil le Íomhá Cúlra
In áit dath, is féidir leat íomhá cúlra a shainiú do do HR ionas go bhfeicfidh sé go díreach mar is mian leat é, ach taispeánann sé go seasta i do mharcáil.
Sa sampla seo d'úsáidamar íomhá atá ar thrí líne líonta. Trí é a leagan mar íomhá cúlra gan aon athuair, cruthaíonn sé sos san ábhar a fheictear beagnach cosúil leat a fheiceáil i leabhair:
stíl = "airde: 20px; cúlra: #fff url (aa010307.gif) ionad scroll gan athrá; teorainn: none;">
Athrú ar Eilimintí AD
Le CSS3, is féidir leat do línte a dhéanamh níos suimiúla freisin. Is traidisiúnta é an eilimint AD go traidisiúnta, ach le CSS a athrú ar mhaoin, is féidir leat athrú ar an gcaoi a bhféachann siad. Is é an claochlú is fearr leis an eilimint AD ná an uainíocht a athrú.
Is féidir leat d'eilimint Acmhainní Daonna a rothlú ionas gur beagán trasnánach é:
hr {
-moz-transform: rothlaigh (10deg);
-webkit-transform: rothlaigh (10deg);
-o-athrú: rothlaigh (10deg);
-ms-transform: rothlaigh (10deg);
athrú: rothlaigh (10deg);
}
Nó is féidir leat é a rothlú ionas go mbeidh sé go hiomlán ingearach:
hr {
-moz-transform: rothlaigh (90deg);
-webkit-transform: rothlaigh (90deg);
-o-athrú: rothlaigh (90deg);
-ms-transform: rothlaigh (90deg);
athrú: rothlú (90deg);
}
Cuimhnigh go rothlaíonn sé seo an HR atá bunaithe ar a shuíomh reatha sa doiciméad, ionas go gcaithfidh tú an suíomh a choigeartú chun é a fháil nuair is mian leat é. Ní mholtar é seo a úsáid chun línte ingearacha a chur le dearadh, ach is bealach é éifeacht spéisiúil a fháil.
Bealach eile chun Línte a fháil ar Do Leathanaigh
Rud amháin a dhéanann roinnt daoine seachas an eilimint AD a úsáid ná brath ar theorainneacha eilimintí eile. Ach uaireanta tá Acmhainní Daonna níos áisiúla agus níos éasca le húsáid ná ag iarraidh teorainneacha a chur ar bun. Is féidir le saincheisteanna samhail bosca roinnt brabhsálaithe teorainn a dhéanamh fiú níos deacra.