تخفیف ویژه هفته کتاب و کتاب خوانی، فرصت یادگیری با 40٪ تخفیف (کد تخفیف: Ketab)
زمان باقی مانده
سبد (0)

تبلیغات

متفرقه CSS-رسم مثلث به چپ

رسم مثلث به چپ در CSS

با تنظیم خصوصیت های width و height در CSS و مقدار صفر برای آن ها یک مستطیل 0 در 0 ایجاد نمایید. سپس مقادیر زیر را جهت ایجاد کادر به مستطیل بدهید:

  1. border-bottom با مقدار 50 پیکسل، نوع solid و رنگ شفاف (transparent)
  2. border-top با مقدار 50 پیکسل، نوع solid و رنگ شفاف (transparent)
  3. border-right با مقدار 70 پیکسل، نوع solid و رنگ دلخواه

می توانید برای درک بهتر موارد بالا به مثال مستطیل با کادر مراجعه کنید.

رسم مثلث در CSS

.triangle_left {
   width: 0;
   height: 0;
   border-bottom: 50px solid transparent;
   border-top: 50px solid transparent;
   border-right: 100px solid #0088FF;
}
خودتان امتحان کنید »

بیاموزها مرتبط

CSS height/width (آموزش CSS)

CSS3 Border (آموزش CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی