CSS mthunzi: bwanji kuti

Popanda mdima mulibe kuwunika popanda mthunzi palibe mawonekedwe. Ngakhale osavuta kudzipangitsa mmwamba chida cha akazi amatchedwa "mthunzi." Ngati mukufuna kubweretsa ulemerero wanu masamba, muyenera kuika kutsindika bwino - Onjezerani CSS mthunzi kumene akufunika.

Nkhani anapereka m'munsimu kudzakuthandizani kuphunzira mmene kukhazikitsa mthunzi kapena kuti asalalikire zithunzi ntchito CSS-code.

CSS mthunzi. malembedwe

Kwenikweni bokosi mthunzi, kumene bokosi - chipika ndi mthunzi - ichi yokha mthunzi.

Code olembedwa braces:

{Bokosi mthunzi: 11px 22px 33px 44px # 333333;}.

Mzere limatiuza kuti unit amamasulidwa ku Standard ndi utali wozungulira mthunzi mapikiselo. deta ndi decrypted motere:

• 11px - mthunzi kuchepetsa wachibale chipika pa X olamulira (mtengo zabwino (20px) kudzasiya kuti mthunzi lamanja, zoipa (-37px) - kumanzere);
• 22px - mthunzi displacements ndi kulemekeza Y-olamulira a chipika (mtengo zabwino (5px) patsogolo kwa anthu anasintha cha mthunzi pansi zoipa (-17px) - mmwamba);
• 33px - ichi blur chizindikiro, ndi apamwamba chiwerengero, mphamvu zotsatira;
• 44px - ndi utali wozungulira mithunzi, ndipo mwachindunji njila;
• # 333333 - mtundu, amene utoto mu mthunzi.

Magawo atatu otsiriza ano optional ndipo akhoza kungoyankha kuti mulibe mu chingwe, mwachitsanzo {bokosi mthunzi: 10px 13px; } - .. mzere amenewa si pachithunzichi (mthunzi mtundu ndi zofanana za mtundu wa malemba a chipika).

Choncho, kupanga mithunzi pa masamba a malo anu si vuto, koma ambiri zabwino kuyang'ana zotsatira inu angalenge! Mwana wanu wapadera, inimitable, chifukwa ili ndi mamangidwe zofunika, chilichonse, chilichonse. Apa, zikuoneka kanthu wapadera, koma zambiri chidwi ndi wokongola.

Taonani zitsanzo fanizo, izo zikuwoneka ngati mthunzi CSS-chipika malinga 'kala' ikusonyeza kuti:

1. {Bokosi mthunzi: 25px 25px;} - CSS mthunzi kuchepetsa nkhwangwa 25 pixels.
2. {Bokosi mthunzi: 25px 25px 10px;} - CSS mthunzi kuchepetsa nkhwangwa 25 pixels ndi blurring m'mbali 10 pixels.
3. {Bokosi mthunzi: 25px 25px 10px 5px;} - CSS mthunzi kuchepetsa nkhwangwa 25 pixels, blur m'mbali 10 pixels ndi utali wozungulira anakonzeratu za 5 pixels
4. {Bokosi mthunzi: 25px 25px 10px 5px # 9e9e9e;} - CSS mthunzi kuchepetsa nkhwangwa 25 pixels, blur m'mbali pixels 10, mwatchutchutchu utali wozungulira 5 pixels ndi mtundu.

kusiya mthunzi

Kulenga wokongola kwambiri, kaso ndi choyambirira mithunzi ndi zotsatira zosiyana. Mukhoza kupanga mthunzi mkati. Ndi malamulo zokwanira mwachindunji magawo a "m'kabokosi", kufotokoza zina mwa magawo adzapita monga mwachizolowezi:

{Bokosi mthunzi: m'kabokosi 4px 2px 6px # 9e9e9e;}.

N'zotheka kuika pansi chipika ndi mithunzi ochepa ndi magawo chosiyana code, iwo (mithunzi) zalembedwa ankasiyana mipatuliro:

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

zithunzi mthunzi

Kuwonjezera pa mayunitsi pa malo adzakhala zithunzi, photos, zikhalidwe - onse a zinthu iwonso kuyang'ana kwambiri chidwi ndi mithunzi. Mukhoza kujambula zithunzi mu akonzi chisanadze chithunzi ndipo muiike iwo pa tsamba kale ndi mithunzi. Koma, choyamba, izo Sizotheka pa zifukwa zosiyanasiyana, kuphatikizapo chifukwa cha kusowa kwa luso ntchito ndi zithunzi, kachiwiri, mpheto aliyense wa fano anawonjezera kuti, "thupi", ndipo ngati chithunzi mwina m'mbuyo tsamba katundu. Pankhaniyi, mukhoza kupanga CSS mthunzi zithunzi.

Yankho ambiri kumodzi ndi syntactically zolondola kuti vutoli - chilengedwe cha wagawo ndi, maziko mu chithunzi kwanu Kotormo. Kenaka kupanga mthunzi zofunika za gulu ndipo anasonyeza pa maziko-wachithunzi:

• .block1 {bokosi mthunzi: m'kabokosi 0 0 11px 9px # 9e9e9e; m'lifupi: 480px; kutalika: 360px; maziko: url (mafano / charlize_theron_2.jpg) 0 0 palibe-kubwereza;}

Muchisanzo chimenechi, ife kulenga mthunzi wamkati palibe kuchepetsa wa nkhwangwa, ndi blur utali wozungulira wofotokozedwa mtundu, msinkhu ndi kachigawo chipika, ndi maziko (maziko) akusankhidwa kuartinku. Chifukwa, ife chithunzi cha mthunzi wa mumtima.

Gwirizanani kulenga mithunzi ntchito CSS-kachidindo - ndi wokongola ophweka, koma zosangalatsa, ndipo ambiri Chofunika - zolimbitsa zothandiza.