Ṣiṣe awọn oju ilawo lori oju-iwe ayelujara pẹlu awọn afiwe HR
Ti o ba nilo lati fi awọn petele, awọn ọna ila-ara-ara si awọn aaye ayelujara rẹ, o ni awọn aṣayan diẹ. O le fi awọn faili aworan gangan ti awọn ila naa si oju-iwe rẹ, ṣugbọn eyi yoo nilo aṣàwákiri rẹ lati gba ati fifuye awọn faili naa, eyi ti o le ni ipa ikolu lori išẹ ojula.
O le lo ohun-ini CSS lati fi awọn aala ti o ṣiṣẹ bi awọn ila boya ni oke tabi ni isalẹ ti ẹya kan, ni kiakia ti o ṣẹda ila asopọ rẹ.
Níkẹyìn, o le lo ìṣàmúlò HTML fun ìṣàkóso ìparí - ni
Ilana ti o ni itọle ofin
Ti o ba ti fi ohun kan si oju-iwe wẹẹbu, o le ṣe awari pe ọna aiyipada ti awọn ila wọnyi ti han ko ṣe apẹrẹ. Eyi tumọ si pe o nilo lati yipada si CSS lati ṣatunṣe ifarahan ifarahan ti awọn eroja wọnyi lati wa ni ila pẹlu bi o ṣe fẹ aaye rẹ lati wo.
Ijẹrisi HR tag kan fihan ọna ti ẹrọ lilọ kiri ayelujara fẹ lati fi han. Awọn aṣawari ti ode oni n ṣe afihan awọn afiwe HR ti ko ni iyasọtọ pẹlu iwọn 100%, giga ti 2px, ati iyipo 3D ni dudu lati ṣẹda ila.
Eyi jẹ apẹẹrẹ ti aṣeye ti oṣiṣẹ HR tabi o le wo ni aworan yii bi o ti jẹ pe HR ti ko ni iyipada ni wiwo ni awọn aṣàwákiri igbalode.
Iwọn ati Igi ni Awọn Ẹrọ Bọtini Papọ
Awọn iru nikan ti o ṣe deede kọja awọn burausa buramu ni awọn iwọn ati awọn aza. Awọn wọnyi seto bi o tobi laini naa yoo jẹ. Ti o ko ba ṣe ipinnu iwọn ati iwọn ilawọn aiyipada ni 100% ati pe aiyipada aiyipada jẹ 2px.
Ni apẹẹrẹ yi iwọn ni 50% ti ẹbi obi (akiyesi awọn apẹẹrẹ wọnyi ni isalẹ gbogbo awọn awọn ila inline Ni ipilẹṣẹ iṣeto, awọn aza wọnyi yoo wa ni kikọ gangan ni folda ita gbangba fun irorun iṣakoso ni gbogbo awọn oju-iwe rẹ):
ara = "iwọn: 50%;">
Ati ni apẹẹrẹ yi iga jẹ 2em:
ara = "iga: 2em;">
Yiyipada Awọn Aala le Ṣe Itoro
Ni awọn aṣàwákiri ìgbàlódé, aṣàwákiri naa kọ ila nipa didatunṣe aala naa. Nitorina ti o ba yọ apa aala pẹlu ohun-ini ara, ila naa yoo farasin lori oju-iwe naa. Bi o ṣe le rii (daradara, iwọ kii yoo ri nkan kan, bi awọn ila yoo ko ṣee ṣe) ni apẹẹrẹ yi:
ara = "aala: kò si;">
Ṣatunṣe iwọn iwọn ila, awọ, ati ara yoo jẹ ki ila naa yato si ati pe o ni ipa kanna ni gbogbo awọn aṣàwákiri tuntun. Fun apẹrẹ, ni ifihan yii iyipo jẹ pupa, dashed, ati 1px jakejado:
style = "aala: 1px dashed # 000;">
Ṣugbọn ti o ba yi iyipada ati igun naa pada, awọn aza ṣe yato si oriṣi diẹ ninu awọn aṣàwákiri ti o tipẹ tẹlẹ ju ti wọn ṣe ninu awọn aṣàwákiri tuntun. Gẹgẹbi o ti le ri ninu apẹẹrẹ yi, ti o ba wo o ni IE7 ati ni isalẹ (aṣàwákiri kan ti o ti ṣagbe ni igba atijọ ati pe ko ni atilẹyin nipasẹ Microsoft) wa ni ila inu ti a ko ti ko han ni awọn aṣàwákiri miiran (pẹlu IE8 ati oke) :
ara = "iga: 1.5m; iwọn: 25em; aala: 1px lagbara # 000;">
Awọn aṣàwákiri ti o ti ni egbogi ko ni pupọ ti iṣoro ninu apẹrẹ wẹẹbu loni, niwon wọn ti paarọ diẹ ninu awọn aṣayan diẹ igbalode.
Ṣe Laini Ọṣọ kan pẹlu Pipa Pipa
Dipo ti awọ, o le ṣafihan aworan lẹhin rẹ fun HR ki o wulẹ gangan bi o fẹ o si, ṣugbọn ṣi han semantically ninu rẹ markup.
Ni apẹẹrẹ yi a lo aworan kan ti o jẹ awọn ila ila-iṣọ mẹta. Nipa siseto o bi aworan atẹhin ko si tun ṣe, o ṣẹda isinmi ninu akoonu ti o dabi fere ti o ri ninu awọn iwe:
ara = "iga: 20px; lẹhin: #fff url (aa010307.gif) ko si atunṣe ọna-iwọle tun-pada; aala: kò si;">
Iyipada ero Eda eniyan
Pẹlu CSS3, o tun le ṣe awọn ila rẹ diẹ sii. Oṣiṣẹ HR jẹ aṣa ila petele , ṣugbọn pẹlu CSS iyipada ohun ini, o le yipada bi wọn ti wo. Iyipada ayanfẹ lori ero HR jẹ lati yi iyipada pada.
O le yika oṣiṣẹ HR rẹ ki o jẹ diẹ ẹẹmeji iṣiro:
hr {
-moz-transformation: yiyi (10deg);
-yii-ọna-iyipada: yiyi (10deg);
-i-iyipada: yiyi (10deg);
iyipada-iyipada: yiyi (10deg);
yipada: yiyi (10deg);
}
Tabi o le yi n yi pada ki o ni inaro patapata:
hr {
-moz-transformation: yiyi (90deg);
-yii-ọna-iyipada: yiyi (90deg);
-i-iyipada: yiyi (90deg);
-ms-transformation: yiyi (90deg);
yipada: yiyi (90deg);
}
Ranti pe eyi n yi HR pada lori ipo ti o wa ninu iwe yii, nitorina o le nilo lati ṣatunṣe ipo lati gba ibi ti o fẹ. A ko ṣe iṣeduro lati lo eyi lati fi awọn ila inaro si apẹrẹ, ṣugbọn o jẹ ọna lati ni ipa ti o ni ipa.
Ọnà miiran lati Gba Awọn Ila Kan lori Awọn Iwe Rẹ
Ohun kan ti diẹ ninu awọn eniyan ṣe dipo lilo iṣiṣẹ HR jẹ lati gbẹkẹle awọn aala ti awọn ero miiran. Ṣugbọn nigbamiran HR jẹ ọpọlọpọ diẹ rọrun ati rọrun lati lo ju gbiyanju lati ṣeto awọn aala. Awọn oran awoṣe awọn apoti ti awọn aṣàwákiri kan le ṣe iṣeto ipilẹ kan paapaa trickier.