CSS-moriti: mokhoa oa ho etsa

Ntle lefifing lena ho na le ho na khanya ntle tlas'a moriti ha ho na mofuta o. Esita le tsa motheo ho etsa-up sesebelisoa basali bitsoa "moriti." Haeba u batla ho tlisa botle ho maqephe a hao, u lokela ho beha le kgatello e nepahetseng - Kenya CSS-moriti moo e hlokahalang.

Boitsebiso bo fanoa ka tlase tla u thusa ho ithuta mokhoa oa ho kenya moriting kapa ho thibela litšoantšo sebelisa CSS-khoutu ya.

CSS-moriti. hokahanngoang

Ha e le hantle lebokose-moriti, moo lebokose - e le literata le moriti - ena ke ka boeona seriti.

Code ngotsweng ka braces:

{Lebokose-moriti: 11px 22px 33px 44px # 333333;}.

Mola o re bolella hore unit trust e behiloeng ka ho Standard le radius moriti phikisele. ya data e decrypted tjena:

• 11px - moriti koala amanang le ho ea le literata e ka X a selekane (boleng ba positive (20px) tla jarisa ho moriti le letona, mpe (-37px) - ka ho le letšehali);
• 22px - moriti displacements mabapi le ho se Y-selekane sa ea le literata (boleng ba positive (5px) etella pele ho battlefield ho ea moriting fatše mpe (-17px) - ho fihlela);
• 33px - sena fifatsa paramethara, a phahameng palo, u tla matlafala phello;
• 44px - the radius ea liriti, 'me ke ka ho toba tekanyo e lekanang;
• # 333333 - 'mala, e leng e penta moriting.

The entsprechen tharo tse fetileng ke taba ea boikhethelo le e ka mpa a ho lea ka la boleloa ka khoele e, ke hore, {lebokose-moriti: 10px 13px; } - .. mola e joalo ha e fosahetseng (moriti mebala e tšoanang ho 'mala oa taba e ngotsoeng ka ea le literata e).

Ka tsela eo, ho bōpa meriti ka maqephe a hao sebaka e seng thata, empa ba bangata ba monate batla litla o ka bopa! Etsa hore ngoana oa hao o ikhethang, inimitable, hobane moralo ke ea bohlokoa, le leng le dintlha, mong le e mong dintlha ka botlalo. Mona, ho bonahala, ha ho letho le e khethehileng, empa ke tse ling tse ngata tse thahasellisang le tse bohehang.

Nahana ka mehlala ena ea tšoantšetso, ho bonahala joaloka seriti se CSS-ea le literata ho ea ka sa tsoaneng e le:

1. {Lebokose-moriti: 25px 25px;} - CSS-moriti pupetsoa lilepe 25 dipikselse.
2. {Lebokose-moriti: 25px 25px 10px;} - CSS-moriti koala lilepe 25 dipikselse le blurring metshetshe 10 dipikselse.
3. {Lebokose-moriti: 25px 25px 10px 5px;} - CSS-moriti koala selekane ke 25 dipikselse lerootho metshetshe 10 dipikselse le radius esale pele la 5 dipikselse
4. {Lebokose-moriti: 25px 25px 10px 5px # 9e9e9e;} - CSS-moriti koala lilepe 25 dipikselse, fifatsa metshetshe dipikselse 10, ka ho toba le radius ea 5 dipikselse le 'mala.

le tlohele moriti

Ho bopa e ntle ho feta, elegantne le pele shades na litla fapaneng. O ka etsa moriti ka hare. Ho khoutu ho lekaneng ho e bolela ka ho toba le ditekanyetso tsa "mona ho bontšitsoe leihlo", tlhaloso eketsehileng entsprechen le tla ea ka tsela e tloaelehileng:

{Lebokose-moriti: mona ho bontšitsoe leihlo 4px 2px 6px # 9e9e9e;}.

Ho ka etsahala ho beha tlas'a-ea le literata e liriti tse seng kae le entsprechen fapaneng ka ho feletseng ka ho khoutu ya, ba (sa meriti) thathamisitsoe arohantsoe ke phegelwana:

{Lebokose-moriti: -20px -10px 11px 15px # 800080, -50px -40px 5px 10px # daa520, 20px 10px 11px 15px # 0700f9, 50px 40px 5px 10px # ffa500}.

litšoantšo moriti

, Ho phaella ho diyuniti setšeng tla ba litšoantšo, photos, le limelo - kaofela ha likarolo tsena hape sheba tse ling tse ngata tse thahasellisang le meriti. U ka atamela litšoantšo ka bahlophisi ea pele ho setšoantšo u koale bona ka leqepheng la ho se le meriti. Empa, pele tefong, e hase kamehla ho ka etsahala hore mabaka a sa tšoaneng, ho akarelletsa le ka lebaka la lebaka la ho hloka bokgoni ba ho sebetsa le Grafiken, bobedi ho, mellwane efe kapa efe ea setšoantšo se phaella ka ho re ho eena: "boima", 'me joalo ea litšoantšo e ka' na fokotsa lebelo leqephe mejaro. Tabeng ena, u ka etsa CSS-moriti ditshwantsho.

The tharollo ho fetisisa bonolo le e syntactically nepahetse ho bothata bona - ho bōptjoa unit trust e, semelo setšoantšong hao e tla Kotormo. Ka mor'a moo, o etsa hore 'mala hlokahalang bakeng sa unit trust le di behilwe ka semelo-setšoantšo:

• .block1 {lebokose-moriti: mona ho bontšitsoe leihlo 0 0 11px 9px # 9e9e9e; bophara: 480px; bophahamo: 360px; semelo sa: url (ditshwantsho / charlize_theron_2.jpg) 0 0 na-pheta hape;}

Ka mohlala ona, re theha moriti ka hare le se koala ya lilepe, ka fifatsa radius, hlalosoa mmala, bophahamo le bophara ba le literata, 'me ka semelo (semelo sa) e behiloeng kuartinku. Ka lebaka leo, re fumana setšoantšo sa moriti ka hare.

Lumellana ho bopa meriti sebelisa CSS-khoutu - e 's ntle bonolo, leha ho le joalo e thabisang,' me botlhokwa go feta - ho ikoetlisa e metle.