حول هذه الأداة
أنتج مثلثًا بـ CSS خالص باستخدام حيلة الحدود الكلاسيكية — اختر الاتجاه والحجم واللون، ثم انسخ القاعدة. تُحدَّث المعاينة مباشرة وكل شيء يعمل داخل متصفحك.
الأسئلة الشائعة
كيف تعمل حيلة الحدود؟
العنصر بعرض وارتفاع يساوي صفرًا يُظهر حدوده فقط؛ وبجعل ثلاثة حدود شفافة يبقى حدّ واحد ملوّن على شكل مثلث.
لماذا يُضبط العرض والارتفاع على 0؟
بدون مساحة للصندوق تلتقي الحدود عند المركز، فيصبح الحدّ المرئي الوحيد مثلثًا نظيفًا بدلًا من حافة سميكة.