سبد (0)

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

متفرقه CSS-رسم دایره

رسم دایره در CSS

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

در مثال زیر، با استفاده از خصوصیت های width و height در CSS، طول و عرض عنصر <div> با کلاس "circle" تنظیم شده است. فقط کافی است به مربع یک border-radius با مقدار 50% بدهید تا دایره ایجاد شود.

رسم دایره در CSS

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

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

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

CSS3 Border (آموزش CSS3)

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

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

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