كيف أرسم شكل مثلث ب CSS؟

سعاد · 8 سبتمبر 2015

في تصميم لي، أود إدراج شكل مثلث باستخدام تنسيق CSS، حاولت فعل ذلك بهذا الكود:

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid green;
}

لكن الأمر لم ينجح،فكيف أحل المشكلة؟

تم التعديل في 8 سبتمبر 2015 بواسطة سعاد

E.Nourddine · 8 سبتمبر 2015

يمكنكِ تجربة هذا التنسيق:

#Triangle-up {
    border-color: transparent transparent red transparent;
    border-style: solid;
    border-width: 0px 200px 200px 200px;
    height: 0px;
    width: 0px;
}

كما يمكنك الاستفادة من هذا المقال :

صناعة أشكال هندسية ب CSS

تم التعديل في 8 سبتمبر 2015 بواسطة E.Nourddine

كيف أرسم شكل مثلث ب CSS؟

السؤال

سعاد

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية