CSS-dell: kif jagħmlu

Mingħajr dlam m'hemm l-ebda dawl mingħajr dell ebda forma. Anki l-bażiku make-up għodda għan-nisa imsejħa "-dell." Jekk inti tixtieq li tressaq sbuħija għall-paġni tiegħek, inti għandek bżonn biex tagħmel enfasi dritt - Żid CSS-dell fejn hija meħtieġa.

Il-materjal ippreżentat hawn taħt ser jgħinuk titgħallem kif jinstallaw l-isfumatura jew li jimblokka immaġini li jużaw CSS-kodiċi.

CSS-dell. sintassi

Attwalment kaxxa dell, fejn il-kaxxa - blokk u shadow - dan huwa fih innifsu dell.

Kodiċi miktub fil ċineg:

{Kaxxa dell: 11px 22px 33px 44px # 333,333;}.

Linja tgħidilna li l-unità huwa stabbilit li l-Istandard b'raġġ pixel dell. Id-data hija decrypted kif ġej:

• 11px - dell offset relattiva għall-blokk fuq l-assi X (valur pożittiv (20px) se bidla għall-dell dritt, negattiv (-37px) - lejn ix-xellug);
• 22px - spostamenti shadow rigward il-Y-assi tal-blokka (valur pożittiv (5PX) iwassal għal bidla ta 'l-isfumatura isfel negattiva (-17px) - up);
• 33px - dan il-parametru ċċajpar, l-ogħla numru, l-aktar b'saħħitha l-effett;
• 44px - ir-raġġ tal-dellijiet, u huwa direttament proporzjonali;
• # 333,333 - il-kulur, li hija miżbugħa fid-dell.

L-aħħar tliet parametri huma fakultattivi u jistgħu sempliċement jitħallew barra fil-sekwenza, jiġifieri {kaxxa dell: 10px 13px; } - .. Tali linja mhijiex ivvizzjata bi żball (kulur dell huwa identiku għall-kulur tat-test fil-blokk).

Għalhekk, il-ħolqien dellijiet fuq il-paġni ta 'sit tiegħek mhix diffikultà, iżda ħafna sbieħ effetti tfittex inti tista' toħloq! Agħmel tarbija tiegħek uniku, inimitabbli, minħabba d-disinn huwa importanti, kull dettal, kull dettal. Hawnhekk, jidher, xejn speċjali, iżda huwa ħafna aktar interessanti u attraenti.

Ikkunsidra xi eżempji illustrattivi, jidher qisu dell CSS-blokk skond il-kodifika:

1. {Kaxxa dell: 25px 25px;} - CSS-dell offset assi 25 pixels.
2. {Kaxxa dell: 25px 25px 10px;} - CSS-dell offset assi 25 pixels u ċajpir truf 10 pixels.
3. {Kaxxa dell: 25px 25px 10px 5PX;} - CSS-dell offset assi 25 pixel, ċċajpar truf 10 pixels u raġġ predeterminat ta '5 pixels
4. {Kaxxa dell: 25px 25px 10px 5PX # 9e9e9e;} - CSS-dell offset assi 25 pixel, ċċajpar truf 10 pixel, jispeċifikaw raġġ ta '5 pixels u l-kulur.

qatra dell

Biex jinħoloq aktar sbieħ, eleganti u oriġinali sfumaturi jkollhom effetti differenti. Inti tista 'tagħmel l-dell' ġewwa. Huwa biżżejjed kodiċi li tispeċifika l-parametri ta ' "daħla", aktar deskrizzjoni tal-parametri se jmorru bħas-soltu:

{Kaxxa dell: daħla 4px 2px 6px # 9e9e9e;}.

Huwa possibbli li tpoġġi taħt il-blokk ta 'dellijiet ftit ma parametri kompletament differenti fil-kodiċi, dawn (l-dellijiet) huma huma mniżżla separati minn virgoli:

{Kaxxa dell: -20px -10px 11px 15px # 800,080, -50px -40px 5PX 10px # daa520, 20px 10px 11px 15px # 0700f9, 50px 40px 5PX 10px # ffa500}.

stampi dell

Minbarra l-unitajiet fuq is-sit ser ikunu ċertament stampi, ritratti, l-isfondi - kollha ta 'dawn l-elementi wkoll tħares lejn ħafna aktar interessanti ma dellijiet. Inti tista 'tiġbed ritratti fil-edituri pre-immaġni u paste minnhom fuq paġna diġà ma dellijiet. Iżda, l-ewwelnett, huwa mhux dejjem ikun possibbli għal raġunijiet varji, inkluż minħabba n-nuqqas ta 'ħiliet fil-ħidma bi grafika, it-tieni, kwalunkwe manipulazzjoni tal-immaġini huwa miżjud lilu, "piż", u tali stampa tista' ukoll jmajna tagħbijiet paġna. F'dan il-każ, inti tista 'tagħmel immaġini CSS-dell.

L-aktar soluzzjoni sempliċi u sintattikament korrett li din il-problema - il-ħolqien ta 'l-unità, l-isfond stampa tiegħek se Kotormo. Sussegwentement, inti tagħmel l-isfumatura meħtieġ għall-unità u huma murija fuq l-isfond-immaġini:

• .block1 {kaxxa dell: daħla 0 0 11px 9px # 9e9e9e; wisa ': 480px; għoli: 360px; isfond: url (immaġini / charlize_theron_2.jpg) 0 0-ebda jirrepetu;}

F'dan l-eżempju, aħna toħloq dell 'ġewwa bl-ebda offset ta' l-assi, b'radju iċajpru, kulur definit, għoli u wisa 'tal-blokka, u l-isfond (background) maħtur kuartinku. Bħala riżultat, irridu jiksbu stampa tal-dell 'ġewwa.

Jaqblu li joħolqu dellijiet jużaw CSS-kodiċi - huwa pjuttost sempliċi, iżda eċċitanti, u aktar importanti - eżerċizzju utli.