متفرقه CSS-رسم مربع
رسم مربع در CSS
برای ایجاد مربع کافیست یک عنصر <div> با طول و عرض یکسان ایجاد کنید.
در مثال زیر، با استفاده از خصوصیت های width و height در CSS، طول و عرض عنصر <div> با کلاس "square" تنظیم شده است. همچنین برای مشخص شدن مربع در صفحه، رنگ پس زمینه آن تنظیم شده است:
رسم مربع در CSS
.square {
width: 100px;
height: 100px;
background-color: #0088FF;
}
خودتان امتحان کنید »width: 100px;
height: 100px;
background-color: #0088FF;
}
بیاموزها مرتبط
CSS height/width (آموزش CSS)
background-color (مرجع خصوصیت های CSS)
- نوشته شده توسط امید رسولی
- بازدید: 15138