سبد (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 مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه