آموزش ساخت دایره در CSS

ساعت : ۱۵:۳۸

تاریخ : ۱۹ آذر ۱۳۹۷

چطور به کمک CSS دایره طراحی کنیم؟

برای طراحی دایره به کمک CSS باید مراحل زیر رو طی کنیم :

  • طراحی مربع با HTML و CSS

    برای طراحی مربع در css کافیه یک تگ دلخواه ایجاد کنید و بهش طول و عرض یکسان بدین و بعد برای اینکه دیده بشه یه پس زمینه هم می تونید بهش بدید..

    کدهای مقابل برای ایجاد مربع در css به کار میرن

    کدهای CSS : #myshape_csspark {
    width:100px;
    height:100px;
    background:#00a651;
    }
    کدهای HTML : <div id="myshape_csspark"> </div>
  • طراحی دایره با HTML و CSS

    برای طراحی دایره در CSS فقط کافیه به همون مربعی که ساختید Border-radius بدید!

    کدهای مقابل برای ایجاد دایره در css به کار میرن

    کدهای CSS : #myshape_csspark {
    width:100px;
    height:100px;
    background:#00a651;
    border-radius:50%;
    }
    کدهای HTML : <div id="myshape_csspark"> </div>



  • آموزش ساخت دایره در CSS
    نام نویسنده : امیرمسعود طالاری
  • آموزش ساخت دایره در CSS
    نام نویسنده : رضا ابولحسن زاده
  • آموزش ساخت دایره در CSS
    نام نویسنده : رضا ابولحسن زاده
  • آموزش ساخت دایره در CSS
    نام نویسنده : رضا ابولحسن زاده

درباره نویسنده : برنامه نویس وب و کارشناسی ارشد رشته نرم افزار

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *