Necə CSS üçbucağı etmək: ən rahat yolları

Çox tez-tez gözəl müasir web pages çox cəlbedici qrafik var. Onların arasında sadə elementləri bir plüralizmi dizayn üçün istifadə olunur ki, bir üçbucaq kimi həndəsi formalı istifadə edir. qonaq ona diqqət çevrilmişdir Məsələn, onlar səhifədə bir obyekt bir göstərici kimi istifadə olunur. Əlbəttə ki, üçbucaq əsas funksiyası - bir dekorativ, onlara olan blokları, daha müasir və cəlbedici olur.

Hər kəs Cascading Style Sheets vasitəsilə belə bir rəqəm yaratmaq və CSS bir üçbucaq etmək üçün necə merak necə bilir.

sites dizayn tətbiqi

hər yerdə veb layihələndirmə üçbucaq var. Onlar Made həyata məsləhətlər, menyular, müxtəlif UI elementləri. Bəzən onlar boot prosesi bir göstərici yaratmaq üçün istifadə olunur. Və əvvəllər əgər onlara olmadan etmək mümkün idi, lakin indi bu mümkün deyil, və developers belə tələblərinə uyğunlaşdırmaq borcludurlar. interfeys hissələri arasında qarşılıqlı tikintisində mühüm rol və bir şəxs daxil daxil - bütün sonra, bu gün CSS üçbucağı yaratmışdır.

bu, çox tez-tez üçbucaq dizayn olan layout, gəldikdə çox web dizaynerlər çaşqın var. Bütün sonra, heç bir xassələri birbaşa bu həndəsi rəqəm yaratmaq ki. Əslində, bunu çox üsulları var.

istifadə çərçivə yaradılması üsulu

sərhəd - ilk üsul CSS bir üçbucaq yaratmaq imkan verir. O çərçivəsində istifadə edir. sərhəd əmlak istifadə yaradılmışdır sərhədləri birbaşa üçbucağı ilə bağlı deyil ki, baxmayaraq, bu məqsəd üçün ən tez-tez istifadə olunur.

sıfır hündürlüyü və obyektin eni, habelə qalın sərhəd quraşdırılması qəbulu zaman, dörd bərabər üçbucaq bölünür kvadrat görə bilərsiniz. oyun yalnız lazımi sərhəd saxlamaq lazımdır, və başqaları şəffaf etmək üçün edir. Və indi, bu CSS düzgün istiqamətdə və rəng tərtib bir üçbucaq çıxır.

hər hansı bir redaktə edərək şəkil çəkmək üçün heç bir ehtiyac yoxdur, çünki xassələri "çərçivəsində" rahat istifadə açılar yaradın. üçbucaq parametrləri həmişə kodu dəyişdirilə bilər. Və bu vaxt geliştirici saxlayır. çərçivəsində müxtəlif eni birleştiren asan rəqəm almaq üçün kifayət edir. bu işləri necə anlamaq üçün, sadəcə bir sıfır eni, hündürlüyü ilə boş element və çox qalın çərçivəsində hər tərəfində müxtəlif rəng yarada bilərsiniz. Belə ki, dörd şəffaf üçbucaq üç tərəfdən edilməsi müxtəlif növ var:

• üçbucaq, sola axtarır, tərəflər olan bərabərdir;
• üçbucaq, sol və yastı axtarır;
• bir elongated üçbucaq, sol üzləşdiyi;
• bucaqlı üçbucaq kimin sağ bucaq sola;
• üçbucaq, aşağı axtarır;
• üçbucaq axtarır;
• üçbucaq, sağ, və bir çox digər növ axtarır.

psevdoedementov istifadə

Bu texnika ilə, siz pop-up təlimat və göstərişlər açılar yarada bilərsiniz. vahid CSS üçbucağı vasitəsilə əlavə etmək üçün, əsasən proqramçılar belə bir yalançı sonra və əvvəl istifadə edin. onlara birlikdə istifadə edərsə, bu bir vuruş olan CSS üçbucağı cəlb etmək mümkündür.

Onlara birleştiren, developers əmlak tətbiq gözəl atıcı bir sıra yaratmaq nisbi: mövqeyini valideyn element. Bu etmək üçün edilir yalançı onların Oturacaqların həyata köçürülüb.

Plus üçbucaq yaratmaq üçün CSS çərçivəsində istifadə olunur:

• xassələrinin köməyi ilə ölçüləri və rəng tez və asan redaktə;
• bütün brauzerlərdə dəstəkləyir.

eksiklikleri:

• Bu çərçivə istifadə edir, çünki, künclərinə, kölgələri tətbiq etmək mümkün deyil;
• istifadəçi Firefox brauzer page görünür zaman bəzən, alfa dəyəri işləməyə bilər, və bu image təhrif edəcək.

hazır şəkillər istifadə edərək,

üçbucaq yaradılması aşağıdakı metodu - kodlanmış images istifadə edir. üçbucaq bir image redaktoru əvvəlcədən tərtib və ixtisaslaşmış xidmətləri ilə xüsusi kodu daxil çevrilir.

Bu metodun üstünlüyü kölgələr, künclərinə, və çərçivə ilə çox gözəl dizayn və sonra yalnız bütün kodlar bilər. Amma İşin mənfi tərəfi odur hər kəs qrafik proqramlarda sərbəst olduğu faktdır. image çox böyük əgər Bundan əlavə, kod line sadəcə böyük əldə edilir. Bu geliştirici üçün çətindir.

brauzerlər INTERNERT Explorer köhnə versiyasını istifadə dəyər ayrıca maddə. Onlara üsulu sadəcə iş deyil.

Metod ters kvadrat

Bir yolu CSS ters kvadrat vasitəsi yaratmaqdır. iki əsas vahid var. Lakin bəzi insanlar yalançı istifadə edin.

Birincisi, bir kvadrat yaratmaq. Bu fırlanan üzvü məzmunu olacaq. bir almaz kimi baxdı ki, sonra 45 dərəcə ilə yerləşdirmək. Next, the shift-up və xarici vahid gizli tərəfindən the əmlak daşqın: gizli. Bu həll də cross-browser deyil, istədiyiniz kimi bəzən şəkil nümayiş deyil.

nəticələr

Belə ki, bir üçbucaq yaratmaq üçün bir çox üsulları var. Yalnız bütün bu CSS xassələri itirilmiş almaq deyil? bu halda Reference həmişə kömək edəcək. Bu Cascading Style Sheets bütün xüsusiyyətləri təsvir edir.

proqramlaşdırma getmək və CSS-guide keçirmək istəmirəm edənlər üçün, üçbucaq sağ ölçüləri və rəng yaratmaq online redaktorları var. In əyani redaktoru istifadəçi seçir və bütün parametrləri rəqəm yapılandırır. Tez ayrı bir pəncərə yerləşdirilmiş CSS kodu generator üçbucağı çevrilmişdir. Sonra yaradılan kodu sadəcə stil daxil və saytın dizayn uyğun.