سبد (0)

متفرقه CSS-رسم مربع

رسم مربع در CSS

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

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

رسم مربع در CSS

.square {
   width: 100px;
   height: 100px;
   background-color: #0088FF;
}
خودتان امتحان کنید »

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

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

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

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