UTILS.
۱۰۰٪ در مرورگر

سازنده مثلث CSS

یک مثلث کاملاً CSS در هر جهتی بسازید و کد CSS را کپی کنید.

درباره این ابزار

با استفاده از ترفند کلاسیک border، یک مثلث کاملاً CSS بسازید — جهت، اندازه و رنگ را انتخاب کنید و سپس قانون را کپی کنید. پیش‌نمایش به‌صورت زنده به‌روزرسانی می‌شود و همه‌چیز در مرورگر شما اجرا می‌گردد.

پرسش‌های پرتکرار

ترفند border چگونه کار می‌کند؟
عنصری با عرض و ارتفاع صفر تنها مرزهای خود را نشان می‌دهد؛ با شفاف‌کردن سه مرز، یک مرز رنگی به شکل مثلث باقی می‌ماند.
چرا عرض و ارتفاع روی ۰ تنظیم می‌شوند؟
بدون هیچ سطح جعبه‌ای، مرزها در مرکز به هم می‌رسند، بنابراین تنها مرز قابل‌مشاهده به‌جای یک لبه‌ی ضخیم، به یک مثلث تمیز تبدیل می‌شود.

ابزارهای بیشتر