سبد (0)

آموزش‌های پیشنهادی فرادرس

متفرقه CSS-رسم بیضی

رسم بیضی در CSS

برای ایجاد یک بیضی در CSS باید یک مستطیل ایجاد شود.

با تنظیم خصوصیت های width و height در CSS می توانید یک مستطیل ایجاد نمایید. سپس با تنظیم خصوصیت border-radius با مقدار "50%" مستطیل را تبدیل به بیضی می کنید.

تفاوت بیضی و دایره فقط در یکی از اضلاع می باشد. در دایره هر چهار ضلع با هم مساوی می باشند ولی در بیضی اضلاع دو به دو روبروی هم با هم مساوی می باشند که تفاوت مربع و مستطیل در این می باشد و با گرد کردن گوشه ها به اندازه نصف اضلاع (50%) دایره یا بیضی ایجاد می شود.

رسم بیضی در CSS

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

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

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

CSS3 Border (آموزش CSS3)

border-radius (مرجع خصوصیت های CSS)

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

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