متفرقه CSS-رسم مستطیل

رسم مستطیل در CSS

برای ایجاد مستطیل کافیست یک عنصر <div> با طول و عرض نامساوی ایجاد نمایید.

قابل ذکر است اگر width از height کمتر باشد مستطیل به صورت ایستاده است و برعکس.

در مثال زیر، با استفاده از خصوصیت های width و height در CSS، طول و عرض عنصر <div> با کلاس "rectangle" تنظیم شده است. همچنین برای مشخص شدن مستطیل در صفحه، رنگ پس زمینه آن تنظیم شده است:

.rectangle {
   width: 100px;
   height: 50px;
   background-color: #0088FF;
}

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

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

background-color (مرجع خصوصیت های CSS)

• قبلی
• بعدی