Sei CSS netriangle: kupfuura rekurira nzira

Kakawanda yakanaka ano padandemutande mapeji ane anoyevedza Graphics zhinji. Pakati pavo nyore inoshandisa geometric chimiro akadai netriangle, iro rinoshandiswa vagoronga muzvizhinji kuti zvinhu. Somuenzaniso, kushandiswa senzira Pointer kune chinhu papeji kuti mushanyi afunga kwaari. Chokwadi, chikuru kushanda Triangle - a decoration, sezvo kutigumbura kuti ane kwavari, vari kuva ano uye anoyevedza.

Havasi vose anoziva kusika munhu akadaro kuburikidza Cascading Style Sheets, uye vari kushamisika sei kuti netriangle mu CSS.

Application pamasikiro nzvimbo

In Web Design zvokuridza kwose kwose. Ivo vakaita mazano, menu, siyana UI okunze. Dzimwe nguva vanenge akashandisa kusika nechiidzo pamusoro shangu kwacho. Uye kana yapfuura zvaiita kuita pasina kwavari, asi zvino hazvibviri, uye Developers vanosungirwa kuti ajairane zvinodiwa izvozvo. Pashure pezvose, nhasi takasikwa CSS netriangle - chikamu chinokosha pakuvaka interconnection pakati penhindi inowanikwa uye batanidza mugomba chete isangano.

Vazhinji padandemutande vagadziri vari kuvhiringidzika kana totaura marongerwo, magadzirirwe iri kakawanda Triangles. Pashure pezvose, hapana ehupfumi izvozvo zvakananga kusika ichi geometric nhamba. Kutaura zvazviri, pane nzira dzakawanda kuita izvi.

A nzira rakasikwa furemu kushandisa

nzira yokutanga kunoita kuti pave netriangle ari CSS - kumuganhu. Ari kushandisa mapuranga. Pasinei chokwadi kuti miganhu kuti vakasikwa kushandisa muganhu pfuma haina chokuita Triangle zvakananga, izvozvo rinowanzoshandiswa kuti chinangwa ichi.

Kana kuisa zero kukwirira uye upamhi chinhu, uyewo kugadzwa muganhu mikobvu, unogona kuona square, iyo rakakamurwa ina dzakaenzana zvokuridza. Wemanomano ndechokuti unofanira kuchengeta chete kumuganhu anodiwa, uye vamwe kuti segirazi. Zvino, zvinoitika netriangle kumbokweva CSS yakarurama uye ruvara.

Itai pamakona uchishandisa ehupfumi "puranga" zviri nyore nekuti hapana chikonzero vaswedere mifananidzo vachishandisa chero fora. Triangle parameters tinogona kugara achinja muna bumbiro. Uye anoponesa nguva yokuvaka. Nokuva akasiyana noupamhi pamatanda Zviri nyore zvokuti mufananidzo. Kuti tinzwisise kuti inoshanda, unogona kungoti kusika chinhu chingaita ane razero upamhi, urefu, uye zvikuru gobvu puranga yakasiyana ruvara kurutivi rumwe norumwe. Saka, kuita mativi matatu mana segirazi zvokuridza muri mhando dzakasiyana:

• Triangle, achitarisa kuruboshwe, kumativi izvo zvakaenzana;
• Triangle, achitarisa vakasiya uye flattened;
• chinhu, triangle elongated, akatarisana akasiya;
• angled Triangle, vane kuruboshwe angled;
• Triangle achitarisa downwards;
• Triangle akatarira;
• Triangle, achitarisa kurudyi, uye dzimwe mhando dzakawanda.

kushandisa psevdoedementov

With izvi nzira, wagadzira pamakona ari abuda mirayiridzo mazano. To batanidza Via CSS netriangle kuti chikwata, zvikurukuru programmers vanoshandisa akadai ekunyebera pashure uye pamberi. Kana ukashandisa pamwechete, zvinokwanisika kuti vaswedere ari CSS Triangle kuva nesitiroko.

By kuabatanidza, ivo Developers asike akasiyana-siyana akanaka shooter, kushandisa pfuma nzvimbo: hama kuti mubereki maatomu akafanana. Izvi zvinoitwa kuti ekunyebera kwete Uchibviswa pazvigaro zvavo.

Plus kushandiswa CSS yemibvunzo asika zvokuridza vari:

• nokukurumidza uye nyore fora kuti hukuru uye mavara vachibatsirwa zvivako;
• tsigirai browsers zvose.

nezvayakaipira:

• nokuti anoshandisa puranga, hapana mukana kushandisa gradients, mimvuri;
• dzimwe nguva, kana inodzidzisa anotarisa Peji Firefox Browser, Arufa ukoshi kungasashanda, uye izvi zvichaita vasataura mufananidzo.

Kushandisa makagadzirira akagadzirwa mifananidzo

Zvinotevera Nzira rakasikwa zvokuridza - ndiko kushandiswa encoded mifananidzo. The netriangle wavhomorwa pachine ari mufananidzo mupepeti uye vagotendeuka kuva hunokosha remitemo pamwe specialized mabasa.

Mukana nzira iri kuti unogona kugadzira yakanaka chaizvo kugadzira pamwe mimvuri, gradients, uye muviri uye ipapo chete encode izvozvo zvose. Asi marapirwo ndechokuti haasi munhu wose achinyatsogona Graphics zvirongwa. Uyezve, kana mufananidzo iri guru kwazvo, mutsara remitemo inotengwa nokungoramba kwazvo. Izvi zvakavaomera kuti yokuvaka.

A vakaparadzana chinhu chaikosha kushandiswa browsers Internert Explorer yekare shanduro. Mavari, nzira haushande.

Method inverted sikweya

Imwe nzira iri kuumba nzira CSS inverted dzakaenzana. Pane vaviri hweBazi. Asi vamwe vanhu kushandisa ekunyebera.

Chokutanga, ukaronga sikweya. Ichava zviri kutenderera nhengo. Zvadaro dhipuroya parutivi madhigirii 45, zvokuti akafanana nedhaimani. Zvadaro, vanoshanda uye ane zvokunze hadzisisina yakavigwa nokuda pfuma dzakayerera: zvakavanzika. Ichi mhinduro zvakare haisi pamuchinjikwa-Browser, uye dzimwe nguva mufananidzo haana kuratidzwa sezvinodiwa.

zvabuda

Saka, pane nzira dzakawanda kusika netriangle. Chete haina kurasika zvose izvi CSS ehupfumi? Reference muchiitiko ichi achagara. Rinotsanangura zvinhu zvose Cascading Style Sheets.

Nokuti vaya handidi kupinda zvirongwa uye maonero ari CSS-richitungamirira, varipo paIndaneti vapepeti kuti vaunze zvokuridza rworudyi hukuru uye ruvara. Munguva chinooneka mupepeti, inodzidzisa anosarudza uye configures muzviruva zvose nhamba. Vatendeukira kuna CSS remitemo jenareta netriangle wakaiswa ari oga hwindo iri nhunzi. Zvadaro, vanowanika bumbiro iri nyore akaiswa mugomba stylesheet uye kuti ndikwane pamasikiro peji.