متفرقه CSS-رسم مثلث به راست
رسم مثلث به راست در CSS
با تنظیم خصوصیت های width و height در CSS و مقدار صفر برای آن ها یک مستطیل 0 در 0 ایجاد نمایید. سپس مقادیر زیر را جهت ایجاد کادر به مستطیل بدهید:
- border-bottom با مقدار 50 پیکسل، نوع solid و رنگ شفاف (transparent)
- border-top با مقدار 50 پیکسل، نوع solid و رنگ شفاف (transparent)
- border-left با مقدار 70 پیکسل، نوع solid و رنگ دلخواه
می توانید برای درک بهتر موارد بالا به مثال مستطیل با کادر مراجعه کنید.
رسم مثلث در CSS
.triangle_right {
width: 0;
height: 0;
border-bottom: 50px solid transparent;
border-top: 50px solid transparent;
border-left: 100px solid #0088FF;
}
بیاموزها مرتبط
CSS height/width (آموزش CSS)
CSS3 Border (آموزش CSS3)
- نوشته شده توسط امید رسولی
- بازدید: 9160