Ho etsa melaetsa ea ho sheba e thahasellisang maqepheng a maqephe ka litekanyetso tsa HR
Haeba o hloka ho eketsa mela e sephara, mekhoa ea khethollo ho liwebsaete tsa hau, o na le likhetho tse 'maloa. O ka eketsa lifaele tsa setšoantšo tsa litšoantšo tsa litemana tsa hau leqepheng la hau, empa seo se ka hloka hore sebapali sa hau se fumane 'me se laole lifaele tseo, tse ka ba le phello e mpe ho ts'ebetsong ea sebaka.
U ka sebelisa thepa ea moeli oa CSS ho kenya meeli e etsang melaho e ka holimo kapa e ka tlaase ho setho, ka katleho ho theha moeli oa karohano ea hau.
Qetellong, o ka sebelisa karolo ea HTML bakeng sa puso e holimo-ea
Element Rule Element
Haeba u kile ua kenya ntho e itseng leqepheng la marang-rang, u ka 'na ua fumana hore tsela e sa nepahalang eo melaetsa ena e bonts'itsoeng ha e ntle. Sena se bolela hore u lokela ho retelehela ho CSS ho fetola ponahalo ea ponahalo ea likarolo tsena hore e tsamaisane le tsela eo u batlang hore sebaka sa hau se shebahale ka eona.
Letšoao le tloaelehileng la HR le bontšoa ka tsela eo sebapali se batlang ho e bontša. Liwebsaete tsa kajeno li bontša matšoao a HR a sa tsitsang ka bophara ba 100%, bophahamo ba 2px, le moeli oa 3D ho batsho ho etsa mola.
Mona ke mohlala oa motlakase oa HR o tloaelehileng kapa o ka bona setšoantšong sena hore HR e sa tsitsang e shebahala lipapaling tsa kajeno.
Boholo le Bophahamo li lumellane hohle ho bahanyetsi
Mekhoa feela e lumellanang le li-browsers tsa marang-rang ke bophara le mekhoa. Tsena li hlalosa hore na line e tla ba khōlō hakae. Haeba u sa hlalose bophara le bophahamo bophara bo sa felleng ke 100% 'me bophahamo bo sa feleng ke 2px.
Mohlala ona bophara ke karolo ea 50% ea motsoako oa motsoali (hlokomela mehlala ena ka tlase hohle e kenyelletsa mekhoa e ka hare. Ka mokhoa oa tlhahiso, mekhoa ena e ne e tla ngoloa ka letsohong le ka ntle la mokhoa bakeng sa boiketlo bo botle maqepheng ohle a hau):
mokhoa = "bophara: 50%;">
'Me mohlala ona bophahamo ke 2em:
mokhoa = "bophahamo: 2em;">
Ho Fetola Meeli e ka ba Thata
Libabeleng tsa morao-rao, sebapali se haha moeli ka ho fetola moeli. Kahoo haeba u tlosa moeli ka mohaho oa setaele, mola o tla nyamela leqepheng lena. Joalokaha u ka bona (hantle, u ke ke ua bona letho, kaha mela e tla ba e sa bonahaleng) mohlaleng ona:
mokhoa = "moeli: ha ho letho;">
Ho fetola boholo ba moeli, mmala le mokhoa o tla etsa hore mola o shebahala o fapane 'me o na le phello e ts'oanang ho li-browser tsa kajeno. Ka mohlala, pontsong ena moeli o khubelu, o senyehile, 'me o 1px o sephara:
mokhoa = "moeli: 1px o theohile # 000;">
Empa ha o fetola moeli le bophahamo, mekhoa e shebahala e fapaneng haholo le li-browsers tse sa feteleng ho feta kamoo li e sebelisang mehleng ea kajeno. Joalokaha u ka bona mohlaleng ona, haeba o o sheba ka IE7 le ka tlase (sebadi se tsoileng nako e telele 'me ha se sa tšehetsoa ke Microsoft) ho na le mohala o ka hare oa beveled o sa boneng libukeng tse ling (ho akarelletsa le IE8 le holimo) :
mokhoa = "bolelele: 1.5em; bophara: 25em; moeli: 1px tiileng # 000;">
Li-browser tsa khale tseo ha li hlile li se na taba haholo ka liqapi tsa marang-rang kajeno, kaha li 'nile tsa nkeloa sebaka ke mekhoa e mengata ea kajeno.
Etsa Linea ea Khabiso le Setšoantšo sa Kantle
Ho e-na le 'mala, o ka hlalosa setšoantšo sa setšoantšo sa HR ea hau e le hore se shebahala hantle kamoo u batlang, empa se ntse se hlahisa sebopeho sa hau.
Mohlala ona re sebelisitse setšoantšo se nang le mela e meraro ea wavy. Ka ho e beha e le setšoantšo sa mokokotlo o se o pheta-pheta, o etsa khefu linthong tse bonahalang eka u li libukeng tse kang tsena:
mokhoa = "bophahamo: 20px; mokokotlo: #fff url (aa010307.gif) ha ho phetoe mohaho oa moqolo; moeli: ha ho;">
Ho fetola HR Elements
Ka CSS3, o ka boela oa etsa hore mela ea hau e thahasellise. The HR element ka mokhoa o tloaelehileng ke moeli o sa fellang , empa ka CSS e fetola thepa, o ka fetola tsela eo ba shebahalang ka eona. Phetoho e ratoang ho HR element ke ho fetola potoloho.
U ka fetola HR element ea hau e le hore e kopane hanyenyane feela:
hr {
-moz-transform: rotate (10deg);
-webkit-transform: rotate (10deg);
-o-fetola: rotate (10deg);
-ms-transform: rotate (10deg);
fetola: rotate (10deg);
}}
Kapa u ka e potoloha e le hore e fane ka ho feletseng:
hr {
-moz-transform: rotate (90deg);
-webkit-transform: rotate (90deg);
-o-fetola: rotate (90deg);
-ms-transform: rotate (90deg);
fetola: rotate (90deg);
}}
Hopola hore sena se fetola HR ho latela sebaka sa hona joale lenaneong, kahoo ho ka 'na ha hlokahala hore u fetole boemo ba ho bo fumana moo u bo batlang teng. Ha ho kgothaletswe ho sebedisa sena ho eketsa lintlha tse totobetseng ho moralo, empa ke tsela ea ho fumana phello e thahasellisang.
Tsela e 'Ngoe ea ho Fumana Litsela Matsheng a Hao
Ntho e 'ngoe eo batho ba bang ba e etsang ho e-na le ho sebelisa HR element ke ho itšetleha ka meeli ea likarolo tse ling. Empa ka linako tse ling HR ke ntho e bonolo le e bonolo ho e sebelisa ho leka ho theha meeli. Sebopeho sa lebokose la li-browser tse ling li ka etsa hore ho be le moeli esita le ho feta.