Kako CSS trikotnik: najbolj priročno načinov

Zelo pogosto lepe moderne spletne strani vsebujejo številne privlačne grafike. Med njimi najenostavnejši uporablja takšno geometrijsko obliko kot trikotnik, ki se uporablja za oblikovanje množico elementov. Na primer, se uporabljajo kot kazalec na objekt na stran obiskovalec obrnil svojo pozornost k njemu. Seveda pa je glavna funkcija trikotnika - dekorativno, kot bloki, ki jih vsebujejo, so vedno bolj sodobno in privlačno.

Ni vsakdo ve, kako ustvariti takšno sliko s pomočjo Cascading Style Sheets, in se sprašujejo, kako narediti trikotnik v CSS.

Uporaba pri oblikovanju spletnih strani

V web design trikotnikov povsod. Narejeni so iz nasvetov, menije različne elemente za upravljanje. Včasih se uporablja za ustvarjanje indikator postopka zagona. In če je prej je bilo mogoče storiti brez njih, zdaj pa je nemogoče, in razvijalci morajo prilagoditi na takšne zahteve. Konec koncev, danes ustvarili v CSS trikotniku - pomembno vlogo pri gradnji medsebojne povezave med deli vmesnika in združiti v eno podjetje.

Veliko spletnih oblikovalcev so v zadregi, ko gre za postavitev, katerega zasnova je zelo pogosto trikotnikov. Konec koncev, nobene lastnosti, ki bi neposredno ustvariti to geometrijsko sliko. Pravzaprav, obstaja več metod, da to storijo.

Postopek ustvarjanja okvirja z uporabo

Prvi način vam omogoča, da ustvarite trikotnik v CSS - mejo. On je z okvirji. Kljub temu, da je meja, ki so ustvarjene z uporabo mejnega premoženje neposredno povezane s trikotniku, se najpogosteje uporabljajo za ta namen.

Pri določanju višine in širine objekta nič, kot tudi namestitev debelo meje, si lahko ogledate na trg, ki je razdeljen na štiri enake trikotnike. Trik je, da morate imeti le potrebno mejo, in drugi, da bi pregledno. In zdaj, se izkaže, trikotnik, sestavljen v pravo smer in barvo CSS.

Ustvarite kotov z uporabo lastnosti "okvir" je priročno, saj ni treba, da pripravi slike, ki uporabljajo urejanje. Parametri trikotnik se vedno lahko spremeni v kodo. In to prihrani čas razvijalec. Z združevanjem z drugačno širino okvirja je enostavno dovolj, da bi dobili sliko. Da bi razumeli, kako deluje, si lahko preprosto ustvarite prazen element z ničelno širino, višino in zelo debel okvir drugačne barve na vsaki strani. Torej, kar tri strani od štirih preglednih trikotnikov so različnih vrst:

• trikotnik, je videti, da na levi strani, katerega stranice so enako;
• trikotnik, videti levo in sploščen;
• podolgovat trikotnik, obrnjena levo;
• kotno trikotnik, katerega od leve proti desni kotom;
• trikotnik videti navzdol;
• trikotnik ozrl;
• trikotnik, ki je videti na desni strani, in mnogih drugih vrst.

Uporaba psevdoedementov

S temi tehnikami, lahko ustvarite kote v pop-up navodili in nasveti. Za pritrditev preko CSS trikotnika na enoto, predvsem programerji uporabite kot psevdo-po in pred. Če jih uporabljate skupaj, je mogoče pripraviti v CSS trikotniku, ki ima možgansko kap.

Z njihovo združevanje, razvijalci ustvarili številne lepe streljačina, uporaba lastnine položaj: relativno na matični element. To se naredi, da se psevdo-ne premaknejo iz svojih sedežev.

Plus uporaba okvira CSS za ustvarjanje trikotnike, so:

• Hitro in enostavno urejanje velikosti in barv s pomočjo lastnosti;
• podpira vse brskalnike.

slabosti:

• ker uporablja okvir, ni nobene možnosti, da pride prehode, sence;
• včasih, ko uporabnik gleda na strani brskalnika Firefox, alfa vrednost ne sme delati, in bo to izkrivlja podobo.

Z uporabo ready-made slike

Naslednja metoda ustvarjanja trikotnikov - je uporaba kodiranih slik. Trikotnik je sestavljen vnaprej v urejevalniku slik in pretvori v posebno kodo v specializiranih storitev.

Prednost te metode je, da lahko zelo lep dizajn s sencami, vzponi in okvir in potem je vse samo kodiranje. Toda slaba stran je, da se vsi ne obvladajo grafičnih programov. Poleg tega, če je slika zelo velika, je vrstica kode, pridobljen s preprosto ogromno. To je neprijetno za razvijalce.

Posebna postavka vredno uporaba brskalnikov Internert Explorer starih različicah. V njih je način preprosto ne deluje.

Metoda obrnjena kvadrat

Eden od načinov je, da se ustvari sredstvo CSS obrnjena trga. Obstajata dva osnovna enota. Toda nekateri ljudje uporabljajo navidezno.

Najprej ustvarite kvadrat. To bo vsebina rotirajočega člana. Nato ga razporedi za 45 stopinj, tako da je bilo videti, kot diamant. Nato se premika navzgor in zunanjo enoto zakriva lastnine overflow: skrita. Ta rešitev je tudi ni navzkrižno brskalnik, in včasih se slika ne prikaže po želji.

Rezultati

Torej, obstaja veliko načinov za ustvarjanje trikotnik. Samo, da ne izgubijo v vseh teh CSS lastnosti? Sklicevanje v tem primeru bo vedno pomagal. Opisuje vse funkcije Cascading Style Sheets.

Za tiste, ki ne želijo iti v programiranje in ogled CSS-vodnik, obstajajo spletne uredniki, ki ustvarjajo trikotniki prave velikosti in barv. V vizualni urejevalnik, uporabnik izbere in nastavi vse nastavitve sliko. Pretvori v generator trikotniku CSS kode postavi v ločenem oknu na letenje. Nato je ustvarila kodo preprosto vstavi v slogi in fit oblikovanje strani.