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

رسم بیضی در CSS

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

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

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

.oval {
   width: 100px;
   height: 50px;
   background-color: #0088FF;
   border-radius: 50%;
}

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

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

CSS3 Border (آموزش CSS3)

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

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