CSS-mumvuri: sei kuti

Pasina rima hapana chiedza pasina mumvuri hapana chimiro. Kunyange dzinokosha kuita-up chombo vakadzi anonzi "mumvuri." Kana uchida kuuya runako mapeji ako, unofanira kuisa zvakarurama kusimbisa - Wedzerai CSS-mumvuri apo zvichidikanwa.

The akurukurwa pazasi kuchakubatsira kudzidza kuisa mumvuri kana kuvhara mifananidzo vachishandisa CSS-romutemo.

CSS-mumvuri. nemarongerwo

Chaizvoizvo bhokisi-mumvuri, apo bhokisi - chidhina uye mumvuri - iri pacharo mumvuri.

Code yakanyorwa kufamba ndakaisa simbi mumakumbo:

{Bhokisi-mumvuri: 11px 22px 33px 44px # 333333;}.

Line anotiudza kuti chikwata yakaiswa kuna Standard pamwechete mumvuri Pixel nharaunda. The date iri decrypted sezvinotevera:

• 11px - mumvuri zvaizopedza hama kuti chinogumbura pamusoro X akabatana (zvakanaka ukoshi (20px) achabviswa kurudyi mumvuri, kunaka (-37px) - kuruboshwe);
• 22px - mumvuri displacements noruremekedzo kuti Y-akabatana ari chinogumbura (zvakanaka ukoshi (5px) achitungamirira iya iri mumvuri pasi kunaka (-17px) - kukwira);
• 33px - ichi akamhanya parameter, dzakanga nhamba, akasimba mugumisiro;
• 44px - the nharaunda yacho mimvuri, uye zvakananga Proportional;
• # 333333 - noruvara, iyo kupendwa mumumvuri.

Okupedzisira matatu parameters vari optioneel uye anogona kungoti kusiyiwa vari tambo, kureva {bhokisi-mumvuri: 10px 13px; } - .. tambo yakadaro haisi zvisiri (mumvuri ruvara ndiye akafanana kuti Ruvara rwezuva iri nechepamberi).

Saka, nokusika mimvuri pamapeji zvenyu nzvimbo harisi dambudziko, asi vazhinji zvakanaka vachitsvaka migumisiro wagadzira! Ita mwana wako dzakasiyana inimitable, nekuti akagadzira kuchikosha, zvose, zvose. Pano, zvinoita sokuti hapana chaiyo, asi zviri zvikuru uye anoyevedza.

Funga mimwe mienzaniso yokufananidzira, zvinoita somumvuri CSS-chezvakaipa maererano Coding:

1. {Bhokisi-mumvuri: 25px 25px;} - CSS-mumvuri zvaizopedza namatemo 25 pixels.
2. {Bhokisi-mumvuri: 25px 25px 10px;} - CSS-mumvuri zvaizopedza namatemo 25 pixels uye blurring micheto 10 pixels.
3. {Bhokisi-mumvuri: 25px 25px 10px 5px;} - CSS-mumvuri zvaizopedza matemo 25 pixels, akamhanya micheto 10 pixels uye akafanorongerwa nharaunda 5 pixels
4. {Bhokisi-mumvuri: 25px 25px 10px 5px # 9e9e9e;} - CSS-mumvuri zvaizopedza matemo 25 pixels, akamhanya micheto 10 pixels, tsanangurai imwe nharaunda 5 pixels uye ruvara.

donha mumvuri

Kusika kupfuura yakanaka, kwezvokufuka uye yepakutanga noruvara vane zvakasiyana migumisiro. Unogona kuita mumvuri yomukati. Zviri Bumbiro zvakakwana kuti kutaridzwa parameters kuti "mukati", mamwe rondedzero parameters achaenda senguva dzose:

{Bhokisi-mumvuri: mukati 4px 2px 6px # 9e9e9e;}.

Zvinokwanisika kuisa pasi chinogumbura vashoma mumvuri chete zvakasiyana zvachose parameters vari code, ivo (mimvuri) akarongwa dzakaparadzaniswa nezvitura befu:

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

mumvuri mifananidzo

Kuwedzera vezvikwata panzvimbo uchava mifananidzo, mapikicha, kwakasiyana - zvose zvinhu izvi zvakare kutarira zvikuru kunakidza mimvuri. Unogona kuswedera mifananidzo iri pre-mufananidzo vapepeti namatidza navo ari papeji kare pamwe mimvuri. Asi, chokutanga, hazvisi nguva zvinogoneka nezvikonzero zvakasiyana-siyana, kusanganisira nokuti kushaya ruzivo vari kushanda pamwe Graphics, chepiri chero kumonyanisa chifananidzo iri atizve kwaari: "uremu", uye mufananidzo yakadaro kunogona kuderera peji mitoro. Muchiitiko chino, unogona kugadzira CSS-mumvuri mifananidzo.

Kupfuura nyore uye syntactically zvakarurama dambudziko iri - pakusikwa Unit, yechipiri mufananidzo wenyu uchariisa Kotormo. Next, iwe kuita zvakakodzera mumvuri kuti chikwata uye anonyorwa kumashure-mufananidzo:

• .block1 {bhokisi-mumvuri: mukati 0 0 11px 9px # 9e9e9e; upamhi: 480px; kukwirira: 360px; nechokumashure: URL (mifananidzo / charlize_theron_2.jpg) 0 0 hapana-dzokorora;}

In muenzaniso uyu, isu pave mumvuri pasina zvaizopedza pakati namasanhu chomukati, pamwe akamhanya nharaunda, rinorondedzerwa ruvara, kureba uye upamhi anovhara, uye mamiriro (kumashure) yakatarwa kuartinku. Somugumisiro, tinowana mumwe mufananidzo womukati mumvuri.

Bvumiranai kuti kusika mimvuri vachishandisa CSS-bumbiro - zviri akanaka nyore, asi zvinofadza, uye Chikurukuru - anobatsira muviri.