Te hanga i nga rarangi titiro ki nga wharangi tukutuku me nga tohu a te HR
Ki te hiahia koe ki te tāpiri i te whakapae, he raupapa momo-wehewehenga ki o paetukutuku, he torutoru noa nga waahanga. Ka taea e koe te whakapiri i nga kōnae atahanga pono o aua raina ki to papanga, engari ka hiahiatia e to rorohiko te tiki me te utaina i aua kōnae, kaore pea he painga kino ki te whakaaturanga o te pae.
Ka taea e koe te whakamahi i te rohe rohe CSS ki te whakapiri i nga rohe e mahi ana hei raina i runga ranei i raro iho o te huānga, me te waihanga i to raina tuitui.
Hei whakamutunga, ka taea e koe te whakamahi i te huānga HTML mo te ture whakapae - te
Ko te Ture Ture Whakapae
Mena kua taahitia e koe he huānga ki te whārangi tukutuku, kua kitea e koe ko te huarahi taunoa e whakaatu ana i enei raina kaore i te pai. Ko te tikanga e hiahia ana koe ki te tahuri ki te CSS hei whakatika i nga ahuatanga o enei mea hei whakaatu i te ahua o to pae ki te titiro.
Kei te whakaatuhia te tūtohu HR tika i te ara e hiahia ana te kaiwhakahaere ki te whakaatu. Ko nga kaihoahoa hou e whakaatu ana i nga tūtohu HR kaore ano i te 100%, he tiketike o te 2px, me te rohe 3D ki te pango ki te waihanga i te raina.
Anei he tauira o te huinga paerewa paari ranei, ka taea ranei e koe te kite i tenei ahua me pehea te titiro a te HR i te hunga hou ki nga kaitoro hou.
Ko te Whānui me te Hiki kei te Rongoa Ake
Ko nga momo anake e hangai ana i nga kaituhi tukutuku ko te whanui me nga momo. Ka tohu enei i te rahi o te raina. Mena kaore koe e tautuhi i te whanui me te teitei te whanui taunoa ko 100% me te teitei taunoa 2px.
I roto i tenei tauira ko te whanui ko te 50% o te huanga matua (tuhia enei tauira i raro iho i nga waahanga taatai. I roto i te hanganga whakaputa, ko enei momo ka tuhia ki roto i te waa ahua o waho mo te pai o te whakahaere puta noa i o raatau whārangi):
style = "whanui: 50%;">
Na i tenei tauira ko te tiketike te 2em:
style = "teitei: 2em;">
Ko te Huri i nga Taitapa Ka Paa
I nga kaituhi hou, ka hangaia e te pūtirotiro te raina mā te whakatika i te rohe. Na, ki te tango koe i te rohe me te taonga tahua, ka ngaro te raina i runga i te whārangi. Ka taea e koe te kite (kaore koe e kite i tetahi mea, kaore e kitea nga rarangi) i roto i tenei tauira:
style = "rohe: kahore;">
Ma te whakatika i te rahi o te rohe, te tae, me te kāhua ka rerekē te raina, ka whai hua ano i roto i nga kaihoahoa hou. Hei tauira, i tenei whakaaturanga ko te rohe he whero, he pakaru, he 1px whānui:
kāhua = "te rohe: 1px kua tohatoha # 000;">
Engari ki te huri koe i te rohe me te teitei, he ahua rereke te ahua o nga ahuatanga o nga kaituhi i mua atu i nga mahi o nga kaitoro hou. Ka taea e koe te kite i tenei tauira, ki te kite koe i te IE7 me raro (he rorohiko kaore i te waimarie kaore i te tautokona e Microsoft) kei reira he raina o roto e kore e whakaatu i roto i era atu kaituhi (tae atu ki te IE8 me te ake) :
style = "teitei: 1.5m; whanui: 25em; rohe: 1px tauhou # 000;">
Ko te hunga kaitautoko nei e kore e nui ake te whakaaro i roto i te hoahoa tukutuku i tenei ra, mai i te nuinga kua whakakapihia ki nga waahanga hou atu.
Hangaia he Raina Whakapaipai me te Atahanga Papamuri
Engari i te tae, ka taea e koe te tautuhi i tetahi ahua papamuri mo to HR, kia rite ai te ahua o taau e hiahia ana, engari kei te whakaatu tonu i roto i to tohu.
I roto i tenei tauira i whakamahia e matou tetahi ahua e toru nga raina waro. Na roto i te tautuhi hei pikitia o muri me te kore ano e tuhi, ka hangaia he waahi i roto i nga tuhinga e ahua rite ana ki a koe i roto i nga pukapuka:
style = "teitei: 20px; background: #fff url (aa010307.gif) pokapū panuku kore-repe; rohe: kore;">
Te whakawhiti i nga Mea Whakaaetanga Rangatiratanga
Ki a CSS3, ka taea ano e koe te whakarahi ake i o raina. Ko te tikanga HR he tikanga tawhito, engari ki te mahinga CSS, ka taea e koe te whakarereke i to ratau titiro. Ko te huringa pai i runga i te kaupapa HR ko te huri i te huringa.
Ka taea e koe te huri i to huānga Rangai na te mea he paku noa noa iho:
hr {
-moz-transform: hurihuri (10deg);
-arangi-rererangi: hurihuri (10deg);
-o-huri: hurihuri (10deg);
-ms-transform: hurihuri (10deg);
te huri: hurihuri (10deg);
}
Ka taea ranei e koe te huri i te mea kia tino poutū:
hr {
-moz-transform: huri (90deg);
-arangi-whakaputa: hurihuri (90deg);
-o-whakaputa: hurihuri (90deg);
-ms-transform: huri (90deg);
whakaputa: hurihuri (90deg);
}
Kia mahara kei te huri tenei i te HR i runga i tona waahi o inaianei i roto i te tuhinga, na ka hiahia pea koe ki te whakatika i te tuunga ki te tiki ki te wahi e hiahia ana koe. Ehara i te tūtohu ki te whakamahi i tenei hei tāpiri i nga raina poutū ki te hoahoa, engari ko te huarahi ki te whai i te whai hua.
Ko tetahi atu huarahi ki te tiki Raina i runga i ou Whārangi
Ko tetahi mea e mahi ana etahi ki te whakamahi i te kaupapa HR ko te whakawhirinaki ki nga rohe o etahi atu huinga. Engari i etahi wa ko te HR he nui atu tewari me te ngawari ki te whakamahi i te whakamatautau ki te whakarite i nga rohe. Ko nga take tauira pouaka o etahi kaitirotiro ka taea te whakarite i te rohe kaore ano kia raatau.