آموزش ساخت دایره در 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>